应在 table.render() 的 done 回调中使用 queuemicrotask 延迟聚焦搜索框，优先选择 .layui-table-search-input 类名，并添加存在性判断；自定义 toolbar 时需手动指定唯一标识符。
为什么 layui.table.render() 完成后搜索框没自动聚焦
因为 Layui 的 table.render() 是异步渲染，表格 DOM 插入和数据加载完成后，render 回调里 DOM 已就绪，但搜索框（通常是 .layui-table-search 下的 input）可能还没被 Table 模块主动挂载或未暴露在可操作时机。直接在 done 回调里用 document.querySelector(...).focus() 常常失效——不是元素不存在，而是它被 Layui 动态插入的时间点略晚于 done 触发时刻。
-
done回调只保证「表格主体已渲染」，不保证「工具栏（含搜索框）DOM 已完成插入并可交互」 - 搜索框默认由 Layui 自动创建在
toolbar区域，位置取决于你是否配置了toolbar或启用了defaultToolbar - 若使用了
defaultToolbar: ['search']，搜索框实际是 ``，但它在done时可能尚未 append 到页面
怎么在表格渲染完立刻聚焦到搜索框
可靠做法是把聚焦逻辑放在一个微任务延迟中，让浏览器有时间完成 DOM 插入。不用 setTimeout(..., 0)，改用 Promise.resolve().then() 或 queueMicrotask()，更精准且避免竞态。
- 在
table.render()的done回调里，用queueMicrotask(() => { ... })包裹聚焦逻辑 - 搜索框选择器优先用类名
.layui-table-search-input，这是 Layui v2.8+ 的标准 class；老版本可用.layui-table-tool .layui-input - 加个简单存在性判断，避免控制台报错：先
querySelector，再.focus()
layui.table.render({
elem: '#demo',
url: '/api/list',
cols: [[{field:'id', title:'ID'}]],
defaultToolbar: ['search'],
done: function(res, curr, count){
queueMicrotask(() => {
const input = document.querySelector('.layui-table-search-input');
if (input) input.focus();
});
}
});
如果用了自定义 toolbar，搜索框怎么定位
自定义 toolbar 时，Layui 不会自动加 .layui-table-search-input 类，得你自己写 input 并设好 class 或 id。此时不能依赖 Layui 的内部类名，必须用你明确写的标识符。
- 在
toolbar配置里写一个带id的 input：<input id="my-search" type="text" class="layui-input"> - 或者给它加唯一 class，比如
class="my-table-search" -
done里查这个 id/class，一样用queueMicrotask包裹 - 别用
lay-search这类 Layui 内部指令——它只在默认 search 按钮点击时生效，不负责 input 初始化
容易忽略的兼容性和副作用
聚焦后用户按回车，Layui 默认不会触发搜索（除非你绑了事件）。另外，移动端软键盘弹出可能遮挡表格，而 Layui 没做滚动适配。
- 如果希望回车即搜索，得手动监听
input的keydown事件，判断event.key === 'Enter'后调用table.reload() - 多次 render（如分页切换）会重复执行
done，导致多次聚焦——如果不需要每次都聚焦，加个标志位控制，比如if (!window.searchFocused) { ...; window.searchFocused = true; } - 使用
elem: '#demo'时，确保该容器没有display: none或未插入 DOM，否则focus()无效且无提示
