CSS table-layout:固定到除第一列之外的所有列

时间:2015-11-04 21:13:08

标签: html css tablelayout

我正在玩table-layout:fixed,它几​​乎完全符合我的需求。但是,显然我不能拥有一个固定大小的列,当我从表中动态添加或删除列时,这些列不会改变。

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

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

1 个答案:

答案 0 :(得分:0)

您可以通过不使用table-layout: fixed尝试不同的方法,并获得几乎相同的结果。另外,您可以定义width,而不是<th>使用min-width属性。

检查此更新的小提琴:http://jsfiddle.net/L9rudjng/5/。我也将内联CSS移动到了CSS框中。

该表将保持500px,直到它无法容纳足够<th>的100px宽度。然后它将展开并强制水平滚动。