Priorisation des colonnes de table en HTML

Question

Existe-t-il un moyen de hiérarchiser une colonne de table en HTML? La chose est, j'ai 4 colonnes, et le contenu peut changer beaucoup pour le contenu de toutes les cellules. Mais je veux que la première colonne prenne autant d'espace que possible, donc les 3 autres colonnes utilisent seulement la largeur dont elles ont besoin pour tout garder sur une seule ligne.

La table elle-même a une largeur fixe.

Answer 1

Affectez class aux trois dernières cellules de chaque ligne comme suit: <td class="tight">. Maintenant, ajoutez CSS comme celui-ci à votre feuille de style:

td.tight 
{ 
    width: 1px; 
    white-space: nowrap; 
} 

La règle width indique votre cellule à être aussi étroite que possible, et la règle white-space dictactes que le contenu de la cellule ne doit jamais envelopper dans plusieurs lignes.

Cette solution suppose que la table est conçue pour avoir une largeur fixe (possible 100%).