顶部水平滚动条数据表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。嗨,你知道这一点吗?我也有同样的问题。谢谢