如何防止表列重叠?

时间:2017-04-03 18:32:11

标签: twitter-bootstrap

我想让表格中的第一列静态化。这是我的jsfiddle:

https://jsfiddle.net/q2ymc76r/12/

css代码:

.table .headcol { position:absolute; }

问题是第一列与第二列重叠。任何防止重叠的建议。感谢。

2 个答案:

答案 0 :(得分:0)

在下面的帖子中,您可以从标题中读到,似乎用户遇到了类似的问题

how-do-i-create-an-html-table-with-fixed-frozen-left-column-and-scrollable-body

它应该贴近您正在寻找的答案

答案 1 :(得分:0)

只需将固定宽度设置为fisrt列,就像这样:

<th class="text-center headcol" width="15%">Date</th>