javascript - 滚动时固定tbody线

Question

我想修复我的表格（tbody）的第一行（总行），以便在滚动时可以看到它。

我尝试了绝对/固定/相对位置之间的所有组合，但没有奏效。

请检查这个 jsfiddle，我想修复“fixedTable”，使其始终可见并在父 div 内滚动而不是在父 div 之外滚动

t

谢谢你的帮助。

Answer 1

您可以使用一个表来保持数据的排序和可读性，并将 thead 或 tfoot 固定为容器内的技巧。

http://codepen.io/gcyrillus/pen/aJysI这是一个法国论坛的答案，该论坛的表头中有行和列跨度，需要以某种方式在不破坏列的情况下进行缩放。

诀窍是将thead克隆为tfoot并设置在绝对位置tfoot。
Tfoot 与您的表格重叠，在 topscroll 0 上，它位于 thead 上方。父容器是 tfoot 下方的滚动表。