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

我正在尝试使用jQuery解决方案在表上提供固定标题。我知道有很多解决方案，但大多数都不可靠或基于可滚动div。我试图使用一个jQuery解决方案，迄今为止我已经让我离我想要的地方最近，但是它仍然不是100％，固定头部中的列不是100％准确的并且具有不正确的宽度。需要修复长表上的标题行而不使用可滚动的div

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

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

你可以看到，当你向下滚动页面的标题不固定，但列宽度略掉，我不知道是否它的jQuery代码或者它的CSS是否是原因。

来源

2011-12-12 Dave

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

我所做的唯一的变化是： floatCell.width(cell.width() + 1);

来源

2011-12-12 17:23:08 maxedison

没错，帮助那里的感谢。我注意到，虽然jsFiddle导入了一些boiletplate样式表也会影响它。我发现代码中的+1不能单独工作，我还必须添加border-collapse：collapse; \t border-spacing：0到'table'的css。 – Dave

说太快了，在firefox中试一试，将固定宽度类应用于一些列。更新小提琴：http://jsfiddle.net/8VxYD/17/ – Dave

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

回答

相关问题