记Layui 数据表格提示成功但不能加载出数据 神坑！

关于layui表格数据渲染，实际上是非常好用以及方便的。

但是坑来了。

parseData

官方文档默认文档

默认规定的数据格式
{
  "code": 0,
  "msg": "",
  "count": 1000,
  "data": [{}, {}]
} 

很多时候，您接口返回的数据格式并不一定都符合 table 默认规定的格式，比如：


{
  "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 //解析数据列表
    };
  }
  //,…… //其他参数
});    

切记切记 一定不要忘记重新规定成功的状态码
要不然确实接口提示成功，不能渲染出数据。

,response: {
      statusCode: 200 //重新规定成功的状态码为 200，table 组件默认为 0
    }