ECHO陈文
关注互联网技术开发与维护运营

layui 数据表格不显示数据的解决方法

今天使用layui数据表格,动态渲染数据的时候,发现表格内容怎么也不显示

看了官方文档发现数据表格对json 有严格的要求,一般情况下,要求要有4个参数,分别为:

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

若传过来的 json 包含这四个参数,且参数名一样,则表格读数据不会出问题。若参数名和上述的不一样,则需要转换下,具体方法如下:

//假设您返回的数据格式
{
  "status": 0,
  "message": "", 
  "total": 180, 
  "data": {
    "item": [{}, {}]
  }
}

那么你需要借助 parseData 回调函数将其解析成 table 组件所规定的数据格式

table.render({
  elem: '#demp'
  ,url: ''
  ,parseData: function(res){ //res 即为原始返回的数据
    return {
      "code": res.status, //解析接口状态
      "msg": res.message, //解析提示文本
      "count": res.total, //解析数据长度
      "data": res.data.item //解析数据列表
    };
  }
  //,…… //其他参数
});    

以上这篇layui 数据表格不显示数据的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持芦苇派。

赞(4) 打赏
未经允许不得转载:芦苇派 » layui 数据表格不显示数据的解决方法

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏