滚动时固定tbody线

时间:2013-07-09 08:09:36

标签: javascript html css

我想修复我的表(tbody)的第一行(总行),以便滚动时可以看到它。

我尝试了绝对/固定/相对位置之间的所有组合,但它没有用。

请检查this jsfiddle,我想修复“fixedTable”,以便它始终可见并在父div中滚动而不是在父div之外滚动

t

感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

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

http://codepen.io/gcyrillus/pen/aJysI这是一个法语论坛的答案,这个表在行标题中有行和colspan,需要以某种方式缩放而不会破坏列。

诀窍是将thead克隆为tfoot并设置在tfoot的绝对位置 Tfoot重叠你的桌子并在topscroll 0上,它站在thead上。 父容器在tfoot下面滚动表。