我正在尝试使用 jQuery 解决方案在表格上提供固定标题。我知道有很多解决方案,但大多数要么不可靠,要么基于可滚动的 div。我正在尝试使用 jquery 解决方案,到目前为止它已经让我最接近我想要的位置,但它仍然不是 100%,固定标题中的列不是 100% 准确并且宽度不正确。
在我的要求中,有问题的表格不会首先出现在其页面的顶部,并且由于许多因素会很长超过典型的屏幕高度。所以当用户向下滚动页面时,导致表格向上移动,当表格的顶部到达浏览器窗口的顶部时,它应该导致标题保持在窗口的顶部。
我已经设置了一个 JSFiddle 来以非常基本的形式说明这一点:http://jsfiddle.net/8VxYD/1/
您可以看到,当您向下滚动页面时,标题确实修复了,但列宽略微超出了,我不确定是 jquery 代码还是它的 CSS 是原因。
最佳答案
似乎您只需要在列标题的宽度上额外增加 1 个像素:http://jsfiddle.net/8VxYD/4/
我做的唯一改变是:
floatCell.width(cell.width() + 1);
关于jquery - 需要在不使用可滚动 div 的情况下修复长表上的标题行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8478092/