如何将表头固定在表格的顶部，但仍然保持tbody的宽度？

Question

以此表格为例：http://codepen.io/anon/pen/MwRbRy

我想为我的表格设置样式，以便它将页面顶部的thead页面滚动，但它需要与表格的列保持对齐，上面没有这些列。< / p>

我将如何实现这一目标？我试过position: fixed，但它并没有保持一致。我也不想手动设置所有内容的宽度，因为内容是动态的。

Answer 1

添加到JS $（'table'）。floatThead（）;这是jQuery库，它可以为您完成工作 包含的脚本： https://cdnjs.cloudflare.com/ajax/libs/floatthead/1.2.13/jquery.floatThead.min.js CodePen中的示例 PS：我删除了位置：固定。