我想在 jquery 数据表响应式网页设计中进行水平滚动。 但是当我对数据表使用响应式插件时,ScrollX 不起作用。
我在他们的 page 上读到了这个:
不适合可用区域的列会自动删除
<script src="https://cdn.datatables.net/responsive/1.0.7/js/dataTables.responsive.min.js"></script>
你可以看到例子here .
调整窗口大小以查看列是否自动隐藏,但如果列超出屏幕大小我想放置一个滚动条。
我尝试用 Css 修复它,但没有用。
有什么解决办法吗?
最佳答案
你不需要使用 dataTables.responsive.min.js,如果你只是想滚动,普通的 jquery.dataTables.min.js 就足够了。你可以这样做:
$("#yourTable").DataTable({
"scrollY": 200,
"scrollX": true
});
同时查看文档:https://datatables.net/reference/option/scrollX
希望对你有帮助
关于jquery - 如何覆盖响应式 jquery Datatable 插件中的自动列隐藏?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32516852/