渲染完成后需在done回调中用setTimeout触发table.reload()并设page.curr:1，赋值搜索框后传where参数，确保ID一致且多表格不混淆实例。
渲染完成后自动触发搜索，本质是让 table.reload() 在 done 回调里执行一次，且必须带初始搜索条件 —— 不是“等表格画完再点一下搜索按钮”，而是程序化地模拟首次查询。
为什么不能在 render 时直接传 where？
Layui 的 table.render() 初始化时若传了 where，它只影响首次请求的参数，但不会“触发搜索行为”；很多场景下你希望首次加载就走带条件的接口（比如默认查 status=1），而不是先拉全量再手动筛。这时得靠 done + reload 组合来补一手。
-
where写在 render 配置里，仅用于首屏请求，不改变表格内部状态（比如工具栏搜索框的值不会同步） - 想让搜索框也显示默认值、且表格真按该值查，就得在
done里手动赋值 + reload - 否则用户看到搜索框为空，但数据却是筛选过的，体验割裂
如何在 done 中安全触发首次搜索
关键不是“立刻 reload”，而是等 DOM 稳定、input 值已设、且避免重复触发。常见错误是 reload 调得太早，或没重置页码导致结果错乱。
- 在
done回调末尾用setTimeout(() => { ... }, 0)，确保 input 元素已挂载并可操作 - 先给搜索框赋值：
layui.$('input[name="keyword"]').val('默认关键词') - 再调
table.reload('tableId', { where: { keyword: '默认关键词' }, page: { curr: 1 } })——page.curr: 1必须显式写，否则可能沿用上一次页码 - 如果搜索框在 toolbar 模板里，要确保它已被插入 DOM：检查是否加了
layui-form类，否则layui.$()可能取不到
防抖和中文输入法兼容不是这里要考虑的
这是首次自动触发，不是用户持续输入。所以不用防抖、不监听 compositionstart、也不需要 lastXhr?.abort() —— 这些全是为“实时搜索”准备的，和初始化无关。
- 首次 reload 是单次行为，不存在请求打架问题
- 但要注意：如果后端接口对空字符串敏感（比如
keyword=导致 400），前端需提前校验：if (val && val.trim()) { reload... } - 若默认值来自 URL 参数或 localStorage，记得做
.trim()和encodeURIComponent（传给后端前）
容易被忽略的细节
最常踩的坑不是逻辑写错，而是 ID 和作用域没对齐。
-
table.reload()第一个参数必须和table.render({ id: 'xxx' })的id完全一致，大小写都不能差 - 如果表格用了
elem: '#demo'但没设id，那 reload 时第一个参数得传'#demo'（Layui 2.8+ 支持元素选择器） - 多个表格共存时，别在全局
done里 reload 错实例 —— 推荐把 tableIns 实例存到变量，reload 时直接用tableIns.reload() - 如果搜索依赖其他表单字段（如日期、下拉框），确保它们在
done执行时已初始化完毕，否则取值为空
