javascript - jQuery 数据表和 jScrollPane - 表头不滚动

Question

我试着让 jquery datatables 和 jScrollpane 一起工作，一切顺利，但有一件事..

当我向右滚动表格时，标题似乎不协调。

这是我的 html 代码片段:

$("#my-table").dataTables({
    // ...
    "sScrollX": "100%",
    "sScrollXInner": "150%",
    "fnDrawCallback": function(){
        $('.dataTables_scrollBody').jScrollPane();
    }
});

有没有人有想法？

任何帮助将不胜感激:)

谢谢..

Answer 1

这个答案已经有点老了，但我遇到了同样的问题。我使用触发的 jScrollPane 事件解决了它。当表体滚动时，会注意到此事件，并手动将表头设置到正确的位置。

$('table.selection_list').dataTable({
  sScrollY: '300px',
  sScrollX: '100%',
  sScrollXInner: '320%',
  bPaginate: false,
  bInfo: false,
  bFilter: false,
  "fnInitComplete": function() {
    var table_header,
      _this = this;
    table_header = $('.dataTables_scrollHeadInner').css('position', 'relative');
    $('body.admin.selections_index').find('.dataTables_scrollBody').bind('jsp-scroll-x', function(event, scrollPositionX, isAtLeft, isAtRight) {
     table_header.css('right', scrollPositionX);
    }).jScrollPane();
  }
});