Как равномерно распределить ширину столбцов в таблице HTML, когда их количество неизвестно?

Я работаю с JSF / ICEFaces, и мне нужно сгенерировать таблицу из динамической древовидной структуры с неизвестным (во время выполнения) количеством строк и столбцов. Таблица должна иметь width: 100%; , чтобы она занимала все пространство внутри своего контейнера.

Я могу сгенерировать всю разметку, необходимую для таблицы, но я обнаружил, что ширина ячеек равна не то же самое.

Мне было бы легко установить ширину CSS : (100 / numberOfColumns)% , если бы я знал количество элементов, которые я визуализирую. К сожалению, я не могу изменять классы, возвращаемые моим вспомогательным компонентом, поэтому я могу выполнять итерацию по ним только с помощью компонента ui: Repeater .

Знаете ли вы, существует ли способ CSS, чтобы убедиться, что все столбцы в таблице имеют одинаковую ширину, какой бы она ни была?

Я бы не хотел использовать способ Javascript. Как можно более чистый код.

21
задан allicarn 17 July 2013 в 14:30
поделиться