javascript - 如何在向下滚动表格时保持表格标题固定

Question

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

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

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

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

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

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

谢谢

Answer 1

见

How to scroll table's "tbody" independent of "thead"?

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

他用

thead, tbody {
    display: block;
}