需要修复长表上的标题行而不使用可滚动的div

时间:2011-12-12 17:13:25

标签: jquery html css

我正在尝试使用jQuery解决方案在表上提供固定的标头。我知道有很多解决方案,但大多数都是不可靠的或基于可滚动的div。我试图使用一个jquery解决方案,到目前为止,它已经让我最接近我想要的位置,但它仍然不是100%,固定标题中的列不是100%准确,并且宽度不正确。

在我的要求中,所讨论的表格不会首先出现在其页面的顶部,并且将通过许多因素经过典型的屏幕高度。因此,当用户向下滚动页面时,导致表向上移动,当表的顶部到达浏览器窗口的顶部时,它应该使标题保持在窗口的顶部。

我已经设置了一个JSFiddle来以非常基本的形式说明这一点:http://jsfiddle.net/8VxYD/1/

你可以看到当你向下滚动页面时,标题确实已经修复但是列宽略微偏离,我不确定它是jquery代码还是它的CSS是什么原因。

1 个答案:

答案 0 :(得分:0)

好像你只需要在列标题的宽度上添加1个额外的px:http://jsfiddle.net/8VxYD/4/

我做的唯一改变是: floatCell.width(cell.width() + 1);