1:定义页码和每页展示条数
let pageNum = 1; let pageSize = 10;
2:定义layerui工具
layui.use(['table','laypage'], function(){ // 同步加载数据并解析格式 let datas = loadAuthor(pageNum,pageSize); console.log(datas,"作者列表数据") // 每页展示条数 let count = datas.count; var laypage = layui.laypage; var table = layui.table; var tableIns = table.render({ // table属性及相关参数 page:false//或者去掉 })
在表格div下加入
<div id="pageDemo"></div>
//分页 laypage.render({ elem: 'pageDemo' //分页容器的id ,count: count //总页数 ,skin: '#1E9FFF' //自定义选中色值 ,skip: true //开启跳页 ,limit:10 ,jump: function(obj, first){ if(!first){ pageNum = obj.curr; pageSize = obj.limit; let datas = loadAuthor(pageNum,pageSize); tableIns.reload(datas); } } });
function loadAuthor(pageNum,pageSize){
//ajax操作或其他业务,解析数据成
//{count:12,data:[{},{},{}]}
}
即可