layui-table渲染不出来


通过方法渲染

页面代码:

<table id="tableList" lay-filter="clublist"></table>

js代码:

layui.use('table', function () {
    var table = layui.table;

    //返回的数据必须是code:0
    var tableIns = table.render({
        elem: '#tableList'
      , height: 450
      , url: '/admin/Club/Club.ashx' //数据接口
      , where: { action: 'getclublistbypage' }
      , page: true //开启分页
      , limit: 10
      , cols: [[ //表头
        { field: 'ID', title: 'ID', width: 80, sort: true, fixed: 'left' }
        , { field: 'ClubName', title: '主办方名称', width: 180 }
        , { field: 'ClubIntro', title: '主办方介绍', width: 180 }
        , { field: 'ClubLogo', title: '主办方logo', width: 180 }
        , { field: 'IsDel', title: '是否可用', width: 120 }
        , { field: 'SponsorTypeID', title: '主办方类型', width: 180 }
      ]]
    });

});

然后是接口返回的数据(使用官方的默认response)

{
  code: 0,
  msg: "",
  count: 1000,
  data: []
} 

要注意,其中code的值,官方是这么说的:

我理解的就是code反应的是你返回的数据是正确的还是错误的,假如不正确(不为0),那么页面会一直渲染不出来,这个要注意,这个问题搞了半天


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM