jquery - 如何覆盖响应式 jquery Datatable 插件中的自动列隐藏？

Question

我想在 jquery 数据表响应式网页设计中进行水平滚动。但是当我对数据表使用响应式插件时，ScrollX 不起作用。

我在他们的 page 上读到了这个:

不适合可用区域的列会自动删除

<script src="https://cdn.datatables.net/responsive/1.0.7/js/dataTables.responsive.min.js"></script>

你可以看到例子here .

调整窗口大小以查看列是否自动隐藏，但如果列超出屏幕大小我想放置一个滚动条。

我尝试用 Css 修复它，但没有用。

有什么解决办法吗？

Answer 1

你不需要使用 dataTables.responsive.min.js，如果你只是想滚动，普通的 jquery.dataTables.min.js 就足够了。你可以这样做:

$("#yourTable").DataTable({
    "scrollY": 200,
    "scrollX": true
});

同时查看文档:https://datatables.net/reference/option/scrollX

希望对你有帮助