1

我在这里有一个 jsfiddle：http: //jsfiddle.net/7vv9e/2/

在这个小提琴中，当您打开它并看到小演示时，多次单击“添加问题”按钮，直到您看到表格旁边出现一个滚动条。

现在我想要发生的是当用户滚动时，标题在滚动时保持固定。我的问题是如何做到这一点。

下面是css代码，当表格达到一定高度时，它会显示表格的滚动条：

#details{
    height:500px;
    overflow:auto;
}

即您在演示中看到的当前表不是最终表。将添加更多列。所以我需要一个解决方案，它可以适用于具有 2 列的表或具有 5 列的表，这与列的宽度无关，如果每列在向下滚动时可以保持相同的宽度而没有任何问题，那么这可以很棒。

谢谢

4

2 回答 2

2

看

如何独立于“thead”滚动表格的“tbody”？

还有他的演示 http://jsfiddle.net/nyCKE/2/

他用

thead, tbody {
    display: block;
}
于 2012-12-19T19:46:53.047 回答
0

也可以通过将表头保存在 div{overflow:none} 上并将表体保存在另一个 div 上来完成。您可以在滚动事件上保持标题表与内容表水平同步。使用 table-layout: fixed 使应用的列宽保持不变。另一件事是通过在内容表上获得滚动条后最后给出一个额外的 td 来获得与内容表相同的准确宽度来调整标题表。

于 2015-07-30T06:09:58.237 回答