我如何让我的表格标题贴在表格的顶部，同时仍然保持tbody的宽度？

Question

以下面的表格为例：http://codepen.io/anon/pen/MwRbRy

我想设置我的表格的样式，让它滚动thead停留在页面的顶部，但它需要保持与表格的列对齐，而上面的不是。

我将如何实现这一点？我尝试过position: fixed，但它不能保持对齐。我也不想手动设置所有内容的宽度，因为内容是动态的。

Answer 1

添加到JS $('table').floatThead();这是jQuery库，它会为您完成这些工作

包含的脚本：https://cdnjs.cloudflare.com/ajax/libs/floatthead/1.2.13/jquery.floatThead.min.js

CodePen中的示例

PS:我删除了position:fixed。