table.render渲染表格时,后台返回的数据格式并不符合 table 组件默认规定的数据格式,但从 layui 2.4.0 开始,新增的 parseData 回调可以将原始的任意格式的数据重新解析成 table 组件规定的数据格式
直接上部分代码,其他参数省略
table.render({
parseData: function (res) { //将原始数据解析成 table 组件所规定的数据
return {
"code": res.code, //返回状态码
"msg": res.message, //解析提示信息
"count": res.data.Count, //后台返回的数据总条数,用于自定义分页使用
"data": res.data.anyData //解析数据列表
};
},
})
后端数据返回数据格式举例
{
"code": "200",
"message": "success",
"data": {
"anyData ": [
{
"name": "zhangsan",
"age": 12
}
],
"Count": 1
}
}
分页
layui 默认分页参数是limit和page,为了方便后端直接定义这个参数名即可,但是遇到不一致时,可如下配置
page: true, //开启分页
request: {
pageName: 'pageNo', // page
limitName: 'pageSize' // limit
},
经过上面2步,就实现任意数据格式和任意分页参数名
官网文档链接 https://www.layui.com/doc/