Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
顶部水平滚动条数据表javascript_Javascript_Jquery_Html_Css - Fatal编程技术网

顶部水平滚动条数据表javascript

顶部水平滚动条数据表javascript,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我的网页中有一个datatable。我需要在表格顶部显示一个水平滚动条。我试过table.wrap(“”)。它在表格底部显示水平滚动条。如何在数据表顶部显示滚动条。有什么帮助吗?您可以在以下位置找到答案:您可以使用jQuery doubleScroll插件()进行操作。但是,这也不适用于由ajax加载的datatable。你需要稍微调整一下 要执行的步骤如下所示: 下载并包括doubleScroll 添加行: $('body').find('.dataTables_scrollBody').wr

我的网页中有一个
datatable
。我需要在表格顶部显示一个
水平滚动条
。我试过
table.wrap(“”)。它在表格底部显示水平滚动条。如何在数据表顶部显示滚动条。有什么帮助吗?

您可以在以下位置找到答案:您可以使用jQuery doubleScroll插件()进行操作。但是,这也不适用于由ajax加载的datatable。你需要稍微调整一下

要执行的步骤如下所示:

  • 下载并包括doubleScroll

  • 添加行:

    $('body').find('.dataTables_scrollBody').wrap('<div id="scroll_div"></div>');
    $('#scroll_div').doubleScroll();
    
    $('body').find('.dataTables_scroll').wrap('<div id="scroll_div"></div>');
    $('#scroll_div').doubleScroll();
    
    这应该可以做到(数据表1.10.7)

  • 编辑:如果顶部有列过滤器,则需要修改上述解决方案,否则标题将不会滚动:

  • 添加行:

    $('body').find('.dataTables_scrollBody').wrap('<div id="scroll_div"></div>');
    $('#scroll_div').doubleScroll();
    
    $('body').find('.dataTables_scroll').wrap('<div id="scroll_div"></div>');
    $('#scroll_div').doubleScroll();
    

  • 看看这个,我试过了。但是它不能处理由ajax加载的datatable。嗨,你知道这一点吗?我也有同样的问题。谢谢