Javascript jQuery数据表和jScrollPane标题滚动

我正在尝试为jQuery数据表获取定制外观的水平滚动条。根据我目前发现的一些信息，我得出了如下结论：

$('#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数据表，以均匀地滚动标题和正文？我的意思是：

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

但对于卷轴体和卷轴头。或者，是否有任何方法可以初始化可滚动的数据表，而无需将标题和正文分开

---

谢谢

如果在浏览器调整大小时重新加载页面，如：

$（window.bind（'resize'，function（）{window.location.href=window.location.href；}）我不工作，即使页面被重新加载。你看，问题是我可以跳过这个棘手的部分，让外部容器滚动而不是Datatable。它的工作原理是这样的，但是再一次，有一件事，一件叫做分页的小事情：）分页器滚动整个容器，因为它在里面，当你向右滚动时，它看起来真的很傻，碰巧“上一步”按钮被隐藏，“下一步”在屏幕中央。我并不是说这不是一种方式，但我不知道如何固定分页位置以保持原位。。。