layui.table.reload()不能直接加行，需先向data数组push新对象再重载；空数据字段须与cols中field严格对应并符合类型要求（如checkbox列用false），且应维护独立data变量而非依赖只读的table.cache。
layui.table.reload() 不能直接加行，得改数据源再重载
layui 的表格是数据驱动的，table.render() 初始化后，所有行都来自 data 数组。想“动态加一行”，本质是往这个数组里 push 一个新对象，再调用 table.reload() 刷新——不是调用某个“addrow”方法。
常见错误是：直接操作 DOM 插入 <tr>，结果排序、分页、工具栏按钮全失效；或者误以为 <code>table.cache 是可写数据源，其实它是只读缓存。
- 确保你初始化时用了
data（而非url），否则无法本地增删 - 新增对象字段必须和
cols中的field严格对应，缺字段会导致单元格空白 - 如果用了分页，
table.reload()会重置到第 1 页，需手动保存并恢复page.curr
怎么构造空数据对象才不崩字段
空数据不是填空字符串或 null 就完事。layui 渲染时会对字段做类型判断（比如 checkbox 列要布尔值，toolbar 列要对象），错类型会报 Cannot read property 'xxx' of undefined 或渲染异常。
最稳妥的方式是：复制表头定义中每个 field 对应的默认值逻辑。例如有列：{field: 'status', type: 'checkbox'}，那空数据里就得写 status: false；如果是下拉选择列，空值建议用 '' 而非 undefined。
- 日期列（
type: 'date'）空值设为''或null，别传new Date() - 自定义模板列（
templet）空数据字段可任意，但字段名仍需存在，否则data解构报错 - 主键字段（如
id）建议用临时负数或Date.now()+ 随机数，避免和后台真实 ID 冲突
用 table.cache 获取当前页数据再 push，小心分页陷阱
table.cache['yourTableId'] 存的是「当前页渲染所用的原始数据」，但它不是实时响应式数据源——它只是 reload 时的一份快照。直接对它 push 不会触发视图更新，且下一次 reload 会覆盖掉你的修改。
正确做法是维护一个独立的 let tableData = [] 变量，在 render 时传入它；后续所有增删都操作这个变量，再 table.reload({ data: tableData })。
- 不要依赖
table.cache做数据持久化，它可能被分页、搜索过滤后截断 - 如果必须从 cache 拿当前页数据（比如编辑后回填），先
JSON.parse(JSON.stringify(table.cache['id']))深拷贝，再改 - 用
table.on('tool')监听工具栏点击时，事件参数里的data是当前行完整数据，含所有字段，可直接用于更新
reload 后焦点丢失、滚动位置跳动怎么办
table.reload() 会完全重建表格 DOM，导致输入框失焦、页面滚动回到顶部。这不是 bug，是 layui 的设计机制。如果用户正在某行末尾输入，突然刷新，体验极差。
折中方案是：仅局部更新 DOM。对单行插入，可用 jQuery 直接在 tbody 里 append 一行 <tr>，再手动绑定事件（如复选框、开关等）。但这绕过了 layui 的生命周期，后续排序、导出、列宽记忆等功能将失效。
<ul>
<li>高频编辑场景建议放弃纯 layui 表格，改用 <code>layui.form.render() 配合手写表格 + Vue/React 管理状态
reload 前记录 $(window).scrollTop()，重载后 setTimeout(() => $(window).scrollTop(pos), 10) 强制还原（注意防抖）真正麻烦的不是怎么加那一行，而是加完之后——分页状态、校验规则、关联组件（如弹窗表单里的联动下拉）、甚至浏览器前进后退栈，都会因为 reload 被重置。留个心眼，别只盯着 push 那一行代码。
