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:[{},{},{}]}
}
即可