直接调用 table.insertRow('myTable', 0, {id: 100, username: 'admin'}) 可插入到表格开头，需 Layui 2.8+、正确实例 ID、字段匹配，插入后建议 form.render('checkbox') 同步状态。
点击按钮后如何用 layui.table 的 insertRow 插入到开头
直接调用 table.insertrow 并传入索引 0 即可插入到第一行。layui 2.8+ 版本支持该方法，旧版本（如 2.6）不支持，会报 insertrow is not a function 错误。
关键点：必须传入真实表格实例的 id（不是容器 ID），且索引从 0 开始计数。
-
table.insertRow第二个参数是插入位置索引，0表示最前 - 第三个参数是新数据对象，字段名需与
cols中的field严格一致 - 插入后表格自动重渲染，无需手动
table.reload - 如果表格启用了
page: true，新行只出现在当前页开头，不会影响分页逻辑
按钮绑定和常见 DOM 获取错误
容易错在用错了表格实例引用。不能直接用 $('#demo') 或容器元素，必须用 table.render 返回的 id 字符串（如 'test'）或通过 table.cache 查找。
推荐写法是：在 table.render 时显式指定 id: 'myTable'，后续所有操作都用这个字符串 ID。
- 错误示例：
table.insertRow(null, 0, {...})—— 第一个参数不能为空 - 错误示例：
table.insertRow('demo', ...)—— ‘demo’ 是容器 ID，不是 table 实例 ID - 正确写法：
table.insertRow('myTable', 0, {id: 100, username: 'admin', ...}) - 若没设
id，可通过table.cache['myTable']判断是否存在，但不建议依赖缓存
插入后排序和 checkbox 状态异常怎么办
插入到开头会导致原第一行下移，如果该行有已勾选的 checkbox，其 DOM 位置变了但 lay-checked 类还在原节点上，可能造成视觉错位或数据错绑。
这不是 insertRow 的 bug，而是 Layui 渲染机制导致的 UI 同步延迟。简单修复方式是在插入后手动触发一次 form.render('checkbox')。
- 插入后立即调用
form.render('checkbox')可重置所有 checkbox 样式状态 - 如果用了自定义复选框列（
type: 'checkbox'），插入后无需额外处理，Layui 内部已兼容 - 若插入的数据含
checked: true，Layui 不会自动勾选——它只认 DOM 上的checked属性或初始data中的LAY_CHECKED字段（非标准） - 想默认勾选，建议插入后用
$('tr[data-index="0"] input[type="checkbox"]').prop('checked', true).next().addClass('layui-form-checked')手动设置（慎用，破坏封装）
兼容性与性能注意点
频繁插入多行到开头会影响性能，尤其当表格已有几百行时，每插一行都会触发整行 DOM 重排。Layui 没提供批量插入 API，所以不要在循环里反复调用 insertRow。
- 单次插入没问题；10 次以内可接受；超过 20 次建议改用
table.reloadData替换整个data数组 - Layui 2.7.7 及以下版本不支持
insertRow，必须升级到 2.8+（官网下载页明确标注“新增 insertRow”） - 如果用了服务端分页，
insertRow只影响前端视图，不会同步到后端，需自行维护本地数据快照用于提交 - 插入后若要定位到新行，可用
$('tbody tr').eq(0).find('td').first().focus()，但注意首次渲染完成后再执行
insertRow。
