jquery - 需要在不使用可滚动 div 的情况下修复长表上的标题行

标签 jquery html css

我正在尝试使用 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/

相关文章:

jquery - 更新到 jQuery 1.9.1 后 browser.msie 错误

javascript - 模拟鼠标向下并向左移动

javascript - 如何使用 jQuery 滚动到特定项目?

CSS Dropdown 特定项更小

javascript - 如何避免使用 ID 在屏幕上重复相同的对象?

html5 href 下载属性不适用于 .pdf 文件

javascript - 在 JavaScript 上淡出当前并淡入 anchor

html - CSS 'float: right;' 问题

html - 我可以在我的移动网站中使用 html5 吗?

html - 删除 div 周围的空间