2

我正在尝试为 jQuery Datatables 获得自定义外观的水平滚动条。使用我到目前为止找到的一些信息，我想出了这样的事情：

$('#table').dataTable({
    "bFilter": false,
    "bLengthChange": false,
    "bInfo": false,
    "sPaginationType": "two_button",
    "iDisplayLength": 6,                    

    "sScrollX": "100%",
    "sScrollXInner": "110%",
    "bScrollCollapse": true,            

    "fnInitComplete": function() {
        var table_header,
        _this = this;
        table_header = $('.dataTables_scrollHeadInner').css('position',
            'relative');
        $('body').find('.dataTables_scrollBody').bind('jsp-scroll-x',
            function(event, scrollPositionX, isAtLeft, isAtRight) {
                table_header.css('right', scrollPositionX);
            }).jScrollPane({
                verticalDragMinHeight: 8, 
                verticalDragMaxHeight: 8,
                horizontalDragMinWidth: 82, 
                horizontalDragMaxWidth: 82,
                autoReinitialise: true
            });
        });

它工作正常：但是，当我调整窗口大小时，表格标题不会像内容那样缩小（标题比内容宽）。有没有办法将 jScrollPane 附加到 jQuery Datatables 以同样滚动标题和正文？我的意思是：

$('#blabla').find('.dataTables_scrollBody').jScrollPane();

但对于滚动体和滚动头。或者有什么方法可以初始化可滚动数据表而不分割标题和正文？

谢谢！

4

0 回答 0