html - 当列数未知时，如何在 HTML 表格中平均分配列宽？

Question

我正在使用 JSF/ICEFaces，我需要从具有未知(运行时)行数和列数的动态树结构生成一个表。表格必须有 width: 100%; 以便它占据其容器内的所有空间。

我能够生成表格所需的所有标记，但我发现单元格的宽度不一样。

如果我知道要渲染的元素数量，那么设置 CSS width: (100/numberOfColumns)% 对我来说会很容易。不幸的是，我不能修改我的支持 bean 返回的类，所以我只能用 ui:repeater 组件迭代它们。

您知道是否有一种 CSS 方法可以确保表格中的所有列都具有相同的宽度，无论它是什么？

我不想使用 Javascript 方式。代码尽可能简洁。

Answer 1

table {
    table-layout : fixed;
}