我正在玩table-layout:fixed
,它几乎完全符合我的需求。但是,显然我不能拥有一个固定大小的列,当我从表中动态添加或删除列时,这些列不会改变。
Here就是一个例子。如果添加一些列,您可以看到第一列缩小,复选框从列中弹出。如何使第一列具有固定大小,同时将table-layout:fixed
行为保留在其他列上?
我正在使用table-layout:fixed
,因为一旦我添加了足够的列,它将添加一个水平滚动条,并保证列至少具有我指定的宽度。
答案 0 :(得分:0)
您可以通过不使用table-layout: fixed
尝试不同的方法,并获得几乎相同的结果。另外,您可以定义width
,而不是<th>
使用min-width
属性。
检查此更新的小提琴:http://jsfiddle.net/L9rudjng/5/。我也将内联CSS移动到了CSS框中。
该表将保持500px,直到它无法容纳足够<th>
的100px宽度。然后它将展开并强制水平滚动。