layui table 表格由于数据源问题部分数据无法渲染 ——数据源中有 length 字段

遇到问题

数据源有数据，但表体无法渲染出数据。

 

排查问题之路

其实关于layui表格无法渲染的问题之前也遇到过，我知道的情况以下几种

数据源返回的的格式不正确 （code 必须为 0 ）

正确的返回格式：{"code":0,"msg":"","count":1000,"data":[]}

 

数据源正确，前台使用了 templet 一些自定义样式，在对应的 script 出错时（这些都是属于js出错导致的界面无法渲染，控制台有错误输出）

 

然而以上的两种情况都不是。遇到问题我也百度了“layui表格无法渲染”，大多是说的第一种错误

经过一些数据的对比，发现是部分数据未显示出来，最后对比了数据源所有字段，经过排查发现了是因为数据源中有一个length字段

于是我通过搜索“数据源有字段 layui 表格无法渲染” 找到了相关问题的验证【 layui的数据表格当某列field为length则无法渲染https://fly.layui.com/jie/33609/】

所以我应该反思自己的是，我百度搜索的方式，还有我如果写博客，需要设置的标题，能让别人更快的找到解决方案，而不是给别人一个验证的效果。

 

数据源中有 length 字段，表格将无法渲染，以及可能有影响的 width 等关键字字段