layui数据表格初始化的问题

layui数据表格初始化的问题

  • 支持【自定义传入数据】
  • 支持【直接从接口请求数据】
  • 注意,在第二个模式下,对入参和出参,有严格限制,甚至对返回数据格式也有要求
  • ==建议使用第一种方案==
layui.use('table', function(){
  var table = layui.table;
  var colsHeader = [];
  table.render({
    elem: '#table'
    ,method:"post"//请求方式
    ,where:{
      //请求的参数,写在这里
    }
    ,url:""//请求的接口地址
    ,page: { 
      layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
      ,curr: 1 //设定初始在第 1 页
      ,groups: 1 //只显示 1 个连续页码
      ,first: false //不显示首页
      ,last: false //不显示尾页
    }//不设置page即不显示
    
    //,data:[]//自定义传入数据
    
    // 在这里,可以重写返回数据格式,但要求严格,请慎重使用
    ,response: {
        statusName: 'page' //规定数据状态的字段名称,默认:code
        ,statusCode: 1000 //规定成功的状态码,默认:0
//      ,msgName: 'hint' //规定状态信息的字段名称,默认:msg
//      ,countName: 'total' //规定数据总数的字段名称,默认:count
//      ,dataName: 'rows' //规定数据列表的字段名称,默认:data
      } 
    ,done: function(res, curr, count){
        //接口回调,处理一些和表格相关的辅助事项
    }
    ,cols: [colsHeader]//表头设置,注意,colsHeader是一个数组
    
  });
});
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。