dataTable关闭分页详解

最新推荐文章于 2024-07-03 03:03:06 发布

时光不弃青栀

最新推荐文章于 2024-07-03 03:03:06 发布

阅读量1.3k

点赞数

分类专栏： Jquery 文章标签： javascript jquery 前端

本文链接：https://blog.csdn.net/qingzhid/article/details/131228964

版权

Jquery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

Datatables是一个强大的jQuery表格插件，通常用于添加交互性到HTML表格。若需在本地模式下操作数据并禁用分页，可以在初始化配置中设置`paging:false`和`info:false`。这样既能阻止分页功能，也能隐藏分页信息。例如的代码示例展示了如何在DataTable中实现这一配置。

摘要由CSDN通过智能技术生成

Datatables是一款jquery表格插件。它是一个高度灵活的工具，可以将任何HTML表格添加高级的交互功能。

官网：https://datatables.net/
中文网：http://datatables.club/

常使用DataTable加载数据都是默认带有分页，但有时部分业务需要在本地模式下使用DataTable进行本地数据操作，这时如果分页导致表单不好校验，而且也不好处理提交，所以只能关闭分页了，只需在DataTable渲染时的配置中加上：paging:false和info:false即可

$('#dataTable').DataTable({
    ajax:{
        url: 'localhost:8081/user/list',
        type: 'post'
    },
    columns: {},
    columnDefs: {},
    paging:false,
    info:false
});

其中paging:false表示关闭分页，DataTable请求后台数据时不会带上分页参数
info:false表示隐藏左下角的分页信息；
虽然前面配置了paging:false但是只是请求或本地不进行分页，仍然会展示分页信息，配置info:false后即可正常隐藏分页信息。
效果图：
在这里插入图片描述