layui table 实现全局搜索需缓存原始数据、监听输入框 input 事件，用防抖过滤并调用 table.reload() 更新；支持多字段模糊匹配，推荐后端过滤以提升性能。
layui 本身没有内置的“全局搜索”组件，所谓全局搜索，实际是靠你自己在页面数据源（比如 table、tree、自定义列表）上做关键词过滤，再配合 laytpl 或 DOM 操作实时渲染结果。关键不是调用某个函数，而是控制数据流和重绘时机。
怎么让 layui table 支持输入框实时搜索
最常见需求：在表格上方加个 input，输入时自动过滤 table 数据。注意：不能直接操作 DOM 表格行，必须走 table.reload() 重新加载过滤后的数据源。
- 把原始数据存在变量里（比如
window.tableData = [...]），不要只依赖table.render()的url加载 - 给搜索
input绑定input事件（别用change，它不响应实时输入） - 在事件回调里用
Array.filter()对window.tableData做字段匹配，注意大小写和空格处理 - 调用
table.reload('yourId', { data: filteredData })，不要传url，否则会重新发请求覆盖本地过滤 - 如果用了分页，记得同步更新
page.count，否则页码数不会变
搜索时怎么避免重复请求或卡顿
当用户快速连敲“abc”时，如果每按一次键都 reload 一次 table，不仅浪费，还可能因异步渲染顺序错乱导致数据显示异常。
- 用防抖（debounce）：延迟 300ms 执行过滤，中间新输入就取消前一次定时器
- 避免在
filter回调里做复杂正则或遍历大数组 —— 1000 条以上数据建议用indexOf而非includes（兼容性好且快） - 如果原始数据来自接口，且后端支持搜索参数（如
?q=xxx），优先让后端过滤，前端只做简单展示，减少传输量 - 禁用搜索框时（比如 loading 中），记得设
disabled并灰显，防止用户误点
多字段模糊搜索怎么写判断逻辑
用户搜“张三”，希望匹配姓名、手机号、邮箱等多个字段，但又不想写一堆 || 判断。
- 把要搜索的字段名提前定义成数组：
const searchFields = ['username', 'phone', 'email'] - 过滤时用
some()+toString()统一转字符串再indexOf：data.filter(item => searchFields.some(key => String(item[key] || '').toLowerCase().indexOf(keyword.toLowerCase()) > -1 ) ) - 注意
item[key]可能为null或undefined，所以要用|| ''防错 - 如果需要高亮搜索词，得用
laytpl手动拼 HTML，原生table不支持自动高亮
真正难的不是写几行过滤代码，而是想清楚搜索范围——是当前页数据？全部缓存数据？还是必须服务端参与？选错路径，后面加条件、分词、拼音搜索都会卡住。layui 的轻量哲学决定了它只提供骨架，填肉得你自己来。
