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

}

即可

猜你喜欢

转载自blog.csdn.net/wdz985721191/article/details/97250350