jQuery数据表垂直滚动bug与固定列

时间:2015-08-31 14:02:12

标签: javascript jquery html css datatables

好的我已经注意到FireFox和IE 11的这个错误如何复制它:

  • 开始在固定列上滚动
  • 滚动时将鼠标移动到其他数据
  • 结果:未对齐的行

Live demo

$.fn.dataTableExt.sErrMode = 'ignore';
$('#myTable01').DataTable( {
    scrollY:        "200px",
    scrollX:        true,
    scrollCollapse: true,
    paging:         false,
    fixedColumns:   true,
    bPaginate: false,
    bFilter: false,
    bInfo: false,
    bSort: false,

} );

enter image description here

有没有办法在FireFox和IE中解决这个问题?我试过镀铬,它在那里工作正常。

2 个答案:

答案 0 :(得分:1)

文件:dataTables.fixedColumns.js

删除行:iBodyweight -= oOverflow.bar;

答案 1 :(得分:0)

很抱歉迟到的回复。 我也遇到过类似的问题。鉴于下面的修复。请尝试&如果有任何挑战,请告诉我。

文件:dataTables.fixedColumns.js 版本:3.2.4

在“scroll.DTFC”事件中更新以下条件

现有代码:`

 if (mouseController === 'main') {
        if (that.s.iLeftColumns > 0) {
      that.dom.grid.left.liner.scrollTop = that.dom.scroller.scrollTop;
 }
  if (that.s.iRightColumns > 0) {
                                                                that.dom.grid.right.liner.scrollTop = that.dom.scroller.scrollTop;
 }`

Updated Code : ` if (mouseController === 'main'|| mouseController === 'left') {
if (that.s.iLeftColumns > 0) {
                                                                that.dom.grid.left.liner.scrollTop = that.dom.scroller.scrollTop;
  }
 if (that.s.iRightColumns > 0) {
                        that.dom.grid.right.liner.scrollTop = that.dom.scroller.scrollTop;
                                                            }
 }

`