PHP前端开发

layui分页怎么设置

百变鹏仔 1个月前 (11-15) #layui
文章标签 分页
layui 分页提供了灵活的设置选项,满足不同页面的分页需求,包括基本设置(数据总量、每页显示条数、当前页码等)、布局设置(自定义分页布局)、回调函数(分页后的回调函数)和附加设置(是否显示特定按钮、页码列表分组数量等)。

layui 分页设置

layui 分页组件提供灵活的设置选项,满足不同页面的分页需求。以下介绍如何设置 layui 分页:

1. 基本设置

layui.use('laypage', function(){  layui.laypage.render({    elem: 'page', // 分页容器ID    count: 100, // 数据总量    limit: 10, // 每页显示条数    curr: 1, // 当前页码    layout: ['prev', 'page', 'next', 'limit', 'count'], // 自定义分页布局    jump: function(obj, first){      // 点击分页后的回调函数    }  });});

2. 布局设置

上述 layout 参数表示分页布局。可以根据需要自定义布局,支持以下选项:

3. 回调函数

jump 参数指定分页后的回调函数。该函数接收两个参数:

4. 其他设置

除了基本设置外,layui 分页还提供了以下附加设置: