layui表格有数据却渲染不出来，一直转圈加载中

旋宝宝要开心

已于 2022-02-09 15:58:41 修改

阅读量7.5k

点赞数

分类专栏： layui 文章标签： layui 前端框架

于 2021-08-04 18:39:11 首次发布

本文链接：https://blog.csdn.net/qq_39280563/article/details/119390416

版权

在使用layui前端框架时遇到表格数据加载不出来的问题，即使数据正确也无法渲染，控制台显示layui-table-init节点卡住。尝试多种方案，包括将子页面内容移到主页面、重复请求数据接口，最终发现是layui版本问题，由于父子窗口数组构造函数引用不一致导致渲染失败。解决方案是在table.js中修改相关判断，修复数组判断逻辑。

摘要由CSDN通过智能技术生成

还是先上图，页面一直卡着，数据加载不出来，连表头都没有渲染出来。

首先我要说的是，我的所有字段都是正确的。表头字段与数据源不一致的情况，数据出不来，起码表格行数还在。我这是整个表格都没出来，字段名拼写错误的同学可以出门右转了。

控制台显示的卡住页面的节点信息，layui-table-init：

<div class="layui-table-init" style="background-color: #fff;">
    <i class="layui-icon layui-icon-loading layui-anim layui-anim-rotate layui-anim-loop"></i>
</div>

搜了下网上很少有遇到我这种情况的同学，基本没有解决方案。看到有个同学和我有一样的问题：如何把父页面选择的表格数据在子页面渲染表格，获取到数据但表格一直转圈 · Issue #I3UQGQ · 贤心/layui - Gitee.com但是没有人给出解决方案。

说下我这样现象出现的背景，待会说解决方案。