2

我试图让 jquery 数据表和 jScrollpane 一起工作，它进展顺利，但有一件事..

当我向右滚动表格时，标题似乎没有相处。

这是我的html上的代码片段：

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

有人有想法吗？

任何帮助，将不胜感激 ：）

谢谢..

4

2 回答 2

1

我正在使用 bScrollInfinite 并稍微更改了您的代码：

    fnDrawCallback: function() {
            table_header = $('.dataTables_scrollHeadInner').css('position', 'relative');
            $('body').find('.dataTables_scrollBody').bind('jsp-scroll-y',
            function(event, scrollPositionY, isAtTop, isAtBottom) {
                table_header.css('bottom', scrollPositionY);
            }).jScrollPane({
                verticalDragMinHeight: 15,
                verticalDragMaxHeight: 15,
                autoReinitialise: true
            });
        }

但不知道如何告诉表，我在表的末尾并想加载另一个数据集:(

于 2013-07-12T09:10:48.213 回答
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();
  }
});
于 2012-06-11T08:38:39.760 回答