javascript - JQuery 数据表标题下方的附加滚动条

Question

我正在使用数据表 (Jquery)。

使用代码，我在表格的页脚上方获得了一个水平滚动条，如 Link 中所示:

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

现在我还想在页眉下方获得另一个滚动条。帮帮我。

Answer 1

在Datatable初始化中加入如下代码:

"fnInitComplete": function(){

    // Enable THEAD scroll bars
    $('.dataTables_scrollHead').css('overflow', 'auto');

    // Sync THEAD scrolling with TBODY
    $('.dataTables_scrollHead').on('scroll', function () {
        $('.dataTables_scrollBody').scrollLeft($(this).scrollLeft());
    });                    
},

引用:DataTables plug-in - Display scrollbar below tfoot tag?

jsFiddle:http://jsfiddle.net/3xvpznd3/