CSS table-布局：固定为除第一列以外的所有列

Question

我正在玩 table-layout:fixed，它几乎可以完美满足我的需求。但是，显然我不能有一个固定大小的列，当我从 table.

动态添加或删除列时不会改变

Here 就是例子。如果您添加一些列，您可以看到第一列缩小并且复选框从列中弹出。如何在保持其他列的 table-layout:fixed 行为的同时使第一列具有固定大小？

我正在使用 table-layout:fixed 因为一旦我添加了足够多的列，它就会添加一个水平滚动条并保证列至少具有我指定的宽度。

Answer 1

您可以尝试不使用 table-layout: fixed 的不同方法并获得几乎相同的结果。此外，您可以定义 min-width.

而不是对 <th> 使用 width 属性

检查此更新 fiddle：http://jsfiddle.net/L9rudjng/5/。我也将内联 CSS 移到了 CSS 框中。

table 将保持 500px，直到它不能容纳足够的 <th> 的 100px 宽度。然后它会展开并强制水平滚动。