關於layerui laypage自定義分頁加載table問題

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

}

即可

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章