相关疑难解决方法(0)

问题

当使用sScrollX,sScrollXInner和/或sScrollY以实现在其内的内容的滚动固定报头表,表中的标题出去对准的与所述主体的在Chrome和IE的其余部分.另一方面,Firefox完美地显示它们.

使用版本1.9.4,据我所知,只有在存在大量宽度波动的数据时才会出现此问题,并且在与小列相同的列中使用非常长/不可包含的单词.此外,该表格需要相当广泛.

所有这些因素都在这个小提琴中得到证明:

产量

铬:

IE:

火狐

建议的解决方案

之前已经提出过这些解决方案,但对我的实施没有任何影响.由于其中一些建议,我设置了一个干净的普通香草演示,因为我想确保没有其他代码有助于这种效果.

• 关闭/删除我所有的CSS
• setTimeout( function () { oTable.fnAdjustColumnSizing(); }, 10 );
• 调用oTable.fnFilter( "x",0 )和oTable.fnFilter( "",0 )按顺序
• "sScrollXInner": "100%"
• 摆脱所有宽度

我发现失准头,唯一溶液取出sScrollX和sScrollY,但你失去了固定的页眉/内部内容的滚动功能这不能算作一个解决方案.可悲的是,这是一个暂时的黑客,而不是一个修复!

注意

编辑/播放最新的小提琴.

我尝试了各种组合,可以通过使用链接http://jsfiddle.net/pratik136/etL73/#REV#在小提琴的修订历史中观察到1 <= #REV# <= 12

历史

StackO
这个问题以前有人问:jQuery的数据表头对准相垂直滚动
,但重要的区别是,这个问题的任择议定书提到,他们能够在所有CSS被删除,这是在我的情况不实,以解决这个问题,我尝试了一些排列,因此认为值得重新发布的问题.

外部
此问题也已在DataTables论坛上标记:

• http://datatables.net/forums/discussion/7395/sscrolly-and-sscrollx-broken/p1
• http://datatables.net/forums/discussion/7778/vertical-scrolling-messes-up-column-header-alignment#Item_1
• http://datatables.net/forums/discussion/3835/width-columns-problem-in-chrome-safari/p1
• 我的错误报告:http://datatables.net/forums/discussion/12491/datatables-header-alignment-issue-refresh#Item_1

这个问题让我疯了!请提出你的想法!