layui数据表格total和data无法使用多层嵌套json格式的数据的解决办法

前言

由于项目要用到layui的数据表格,但layui的数据表格的接口返回数据所有字段都只能最外层,虽然支持自定义数据,但也只能在最外层,而我们项目total和data在第二层,和layui数据表格要求数据格式不匹配,为了保证后台json数据格式的统一,通过阅读源码找到了一个解决办法.

正文

layui数据表格要求的数据格式

我的项目统一json格式

解决办法如下:

1.因为官方提供下载的版本是压缩过的,我们需要修改源码,所以来到github,将layui中的table.js下载下来,传送门: https://github.com/sentsin/layui/,并覆盖我们项目中的table.js,如下图所示:

2.重点!!! 打开table.js,大家有兴趣可以阅读源码学习一下,这里直接告诉方法.
由于的我项目total和list都在data下,都在第二级目录,所以需要修改total和data的路径
修改total: 搜索”res[response.countName]”全部替换为自己的,以我的为例,替换为”res.data.total”
修改list:搜索”res[options.response.dataName]”全部替换为自己的,以我的为例,替换为”res.data.list”,保存即可!

3.layui数据表格默认使用code=0来表示请求成功,我的项目使用的是status=200,这里参照官方的自定义修改即可.

大功告成!