layui数据表格初始化的问题

2019-01-08  本文已影响242人  龙旗飘扬的舰队

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是一个数组
    
  });
});
上一篇下一篇

猜你喜欢

热点阅读