Layui子页面新增数据后应在父页面表格末尾动态追加一行：需确保父表配置id且为本地数据模式，子页通过parent.table.cache或父页暴露的appendUserRow函数注入新行，再调用table.reloadData或重新render，并关闭弹窗后滚动到底部。
在Layui弹窗的子页面（iframe）中完成新增数据操作后，需让父页面表格末尾动态追加一行，而非整表重载——这样避免分页错乱、状态丢失和重复请求。
确认父页面表格支持本地缓存写入
进入父页面源码，检查 table.render() 初始化时是否设置了 id 参数，例如 id: 'userTable'；没有 id 就无法通过 table.cache 定位缓存数组，后续所有追加操作都会失败。
确保表格未开启 url 异步加载模式（即不是靠后端接口分页渲染），因为 table.cache 在纯本地数据模式下才完整映射当前可见行。若用了 url，table.cache 仅保留当前页数据，追加后 reload 会覆盖掉。
子页面提交成功后向父页面缓存注入新行
方法一：直接操作父页面 table.cache（适用于纯本地数据表格）
子页面 JS 中，在 AJAX 提交成功回调里执行：
var newRow = {id: 1001, username: '李四', email: 'li@example.com'};
var cache = parent.table.cache['userTable'];
if (Array.isArray(cache)) { cache.push(newRow); }
parent.table.reloadData('userTable');
注意：table.reloadData() 是关键，不是 table.reload() —— 后者会丢弃你刚 push 的数据并重新拉取全量。
方法二：由父页面暴露安全追加函数（推荐，兼容 url 模式）
父页面在 layui.use('table', ...) 内部定义：
window.appendUserRow = function(data) {
var ins = parent.layui.table.get('userTable');
if (!ins || !ins.config.data) return;
ins.config.data.push(data);
parent.layui.table.render(ins.config);
};
子页面调用：if (typeof parent.appendUserRow === 'function') { parent.appendUserRow(newRow); }
这一步必须在 parent.layer.close(...) 之前执行，否则 iframe 上下文销毁后无法访问父页面函数。
关闭弹窗并确保新行立即可见
第一步：获取当前 iframe 在父页面中的索引
var index = parent.layer.getFrameIndex(window.name);
第二步：关闭弹窗
parent.layer.close(index);
第三步：强制触发表格 body 重绘（仅当使用方法一时需要）
如果发现新行没显示，大概率是表格启用了 height 或 limit 导致 tbody 被截断，此时在父页面 end 回调或 append 函数末尾加一句：parent.layui.$('#userTable').next('.layui-table-box').find('.layui-table-body').scrollTop(9999); 让滚动条到底部，新行自动浮现。
