新追加的行不能编辑是因为未走Layui渲染链路，缺少data-edit属性和事件绑定；必须用table.cache修改数据+table.reloadData()刷新（Layui 2.8+），确保id配置、字段名与cols严格一致。
必须用 table.cache 修改原始数据 + table.reloadData() 刷新，且 Layui 版本不低于 2.8；直接操作 DOM 或调用 table.reload() 会丢编辑状态、清空现有数据、导致新行不可编辑。
为什么新追加的行不能编辑（edit: 'text' 失效）
因为 Layui 表格的单元格编辑能力依赖于内部渲染时注入的 data-edit 属性和事件绑定。手动 $('tbody').append(tr) 插入的 <tr> 没有经过表格实例的 render 流程，<code>data-field、data-edit、laytable-cell-xxx 类名、事件委托全都不生效。
- 浏览器里 inspect 新增行，会发现它缺少
data-edit="text"和laytable-cell-*class - 原生已渲染行有
div.layui-table-cell包裹内容，手动插入的只是裸<td> <li> <code>table.on('edit()')监听器对 DOM 插入的新行完全无响应 - 确保你初始化表格时设置了
id: 'myTable'（这是table.cache的 key） - 新增前先确认
table.cache['myTable']存在且为数组，否则 push 会失败 - push 的对象字段名必须和
cols中每个field完全一致，包括大小写和下划线 - 字段值可为空字符串
''或null，但不能缺失（否则对应列显示空白） - 调用
table.reloadData('myTable')，不是table.reload()（后者会重载全部，丢编辑态）
正确做法：改 cache + reloadData（Layui 2.8+）
核心是让新增行走通 Layui 的标准渲染链路，确保字段结构、缓存更新、局部刷新三者一致。
document.getElementById('addBtn').onclick = function() {
const tableId = 'myTable';
const cache = table.cache[tableId];
if (!Array.isArray(cache)) return;
// 空行结构必须与 cols.field 严格对齐
cache.push({
username: '',
email: '',
status: ''
});
table.reloadData(tableId); // ✅ 局部刷新，保留分页/排序/编辑状态
};
如果用了行内编辑（edit: 'text'），还要注意这些
即使 cache 更新了，新行默认也不会“自动聚焦”或“进入编辑态”，需手动触发；否则用户还得点两下才能编辑。
- 新增后调用
table.getCheckData()或遍历cache找到刚 push 的那行索引 - 用
layui.$('.layui-table-body .layui-table tbody tr').last()定位新行 DOM - 模拟一次点击：找到对应
td[data-field="username"]，再触发.click()，即可激活编辑 - 如果列配置中某列
edit: 'text'但设了templet，需确保 templet 返回的内容仍包裹在<div class="layui-table-cell"> 内，否则编辑框无法正确定位 <p>最易被忽略的是版本和字段一致性：Layui 2.7.x 及更早版本根本没有 <code>table.reloadData()，强行调用会报错；而字段名拼错一个字母，新行就整列空白——这两点不验证，其他都白做。
