layui table的reload不能直接刷新子表，因父子表是独立实例，子表需在父表行点击后用新参数重新render，且需清缓存、确保DOM唯一、合理传参、手动resize及管理分页状态。
layui table 的 reload 为什么不能直接刷新子表？
因为 layui 的父子表本质是两个独立的 table.render 实例，子表通常靠父表行点击后动态渲染，reload 只作用于调用它的那个实例，不会自动触发关联子表更新。常见错误是给父表 reload 后发现子表数据还是旧的，甚至报 cannot read property 'config' of undefined —— 那是因为子表还没初始化或已被销毁。
实操建议：
- 子表必须在父表行点击后，用新参数（比如当前行的
id）重新调用table.render，不能复用旧实例 - 每次打开子表前，先用
table.clearCache()清掉可能残留的缓存，避免旧请求干扰 - 如果子表容器是动态插入的（如
<div id="sub-table-123"></div>），确保每次渲染前该 DOM 存在且唯一，否则会静默失败
如何用 data 参数传参控制子表请求？
子表的数据源依赖父表某一行的字段（如 order_id），不能写死 URL。layui 的 url 支持函数返回值，但更稳的方式是把参数塞进 where，由后端接收。
实操建议：
- 父表行点击事件中，拿到当前行数据：
trData = $(this).parents('tr').data('index')→ 再用table.cache['parentTable'][trData]取原始数据 - 子表 render 时，
where: { parent_id: trData.id }，别用字符串拼接 URL，否则容易漏编码或被缓存 - 如果接口要求 POST，记得设
method: 'post'，否则默认 GET 会丢参数
父子表滚动/尺寸不同步导致错位怎么办？
子表容器常放在父表行内（如用 templet 插入 <div class="sub-table-container"></div>），但 layui 默认不监听子表容器尺寸变化，容易出现列宽错乱、横向滚动条失效。
实操建议：
- 子表渲染完成后，手动触发一次重绘：
table.resize('subTableInsId') - 给子表容器加固定宽度（如
width: 100%）和overflow-x: auto，避免撑破父表 - 如果列数多，子表不要设
fixed: 'left'，否则与父表 fixed 列对不齐；优先用minWidth控制列宽下限
父子表编辑后如何保证数据实时回填？
用户在子表里改了某条记录，期望父表对应统计字段（如“子项总数”）立刻更新，但 layui 不提供跨表响应式绑定。
实操建议：
- 子表的
edit回调里，手动查父表当前行 DOM，用$(...).text(newVal)更新对应单元格（注意定位到正确td） - 如果涉及聚合计算（如求和），别在前端算，改完子表后，再发一次请求拉取最新父表行数据，用
table.cache手动合并更新 - 避免在子表
done回调里直接操作父表 DOM，此时父表可能正在重绘，容易覆盖你的修改
最麻烦的其实是子表分页状态管理：用户翻到第 3 页再点另一行，子表得记住每行各自的页码。这没法靠 layui 自带能力解决，得自己用对象存 {parentId: {page: 3, limit: 10}}，每次渲染前读取。
