Comment répartir équitablement la largeur des colonnes dans la table HTML lorsque le nombre est inconnu?

Je suis en train de travailler avec la JSF/ICEFaces et j'ai besoin de générer une table à partir d'une dynamique de la structure de l'arbre avec une inconnue (au moment de l'exécution) nombre de lignes et de colonnes. La table doit avoir width: 100%; il occupe tout l'espace à l'intérieur de son conteneur.

Je suis en mesure de générer toutes les balises nécessaires pour la table, mais j'ai trouvé que les cellules d'une largeur n'est pas la même.

Il serait facile pour moi de mettre le CSS width: (100/numberOfColumns)% si je savais le nombre d'éléments que je suis rendu. Malheureusement, je ne peux pas modifier les classes renvoyé par mon backing bean et je ne peux donc itérer sur eux avec ui:repeater composant.

Savez-vous si il y a un CSS façon de s'assurer que toutes les colonnes d'une table ont la même largeur, peu importe ce que c'est?

Je ne voudrais pas utiliser le Javascript façon. Tout comme nettoyeur de code que possible.

  • Question intéressante. Je pense qu'il n'y a pas de CSS façon de le faire, cependant.