layui的table组件接收的数据格式

后端发送一个JSON数据给前端

{
    "code": 0,
    "count": 0,
    "data": {
        "endRow": 3,
        "hasNextPage": false,
        "hasPreviousPage": false,
        "isFirstPage": true,
        "isLastPage": true,
        "list": [
            {
                "birthday": "2022-10-10",
                "id": 2,
                "password": "123",
                "username": "admin"
            },
            {
                "birthday": "2022-10-10",
                "id": 3,
                "password": "curry123",
                "username": "curry"
            },
            {
                "birthday": "2022-10-10",
                "id": 15,
                "password": "123",
                "username": "jack"
            },
            {
                "birthday": "2022-10-10",
                "id": 16,
                "password": "123",
                "username": "tom"
            }
        ],
        "navigateFirstPage": 1,
        "navigateLastPage": 1,
        "navigatePages": 5,
        "navigatepageNums": [
            1
        ],
        "nextPage": 0,
        "pageNum": 1,
        "pageSize": 4,
        "pages": 1,
        "prePage": 0,
        "size": 4,
        "startRow": 0,
        "total": 4
    },
    "msg": "执行成功",
    "success": true
}

数据格式解析的回调函数，用于将返回的任意数据格式解析成 table 组件规定的数据格式。

table 组件默认规定的数据格式为

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