多个 layui.table.render() 必须使用唯一 id 和 lay-filter：id 用于 DOM 定位与 API 调用（如 reload），lay-filter 用于事件隔离；重复 id 导致实例覆盖、分页失效、事件错乱；elem 不能替代 id，非法 id 影响兼容性。
多个 layui.table.render() 必须用不同 id 属性
渲染多个表格时，layui 依赖 id 做 dom 定位和内部状态管理。如果两个 render() 调用共用同一个 id（比如都写 id: 'demo'），后一个会覆盖前一个的实例，导致分页失效、事件绑定错乱、重载数据不生效等问题。
实操建议：
- 每个表格容器的
id属性值必须唯一，例如：<table id="user-table">、<table id="order-table"> -
render()配置里的id字段要与 HTML 中的id严格一致（区分大小写） - 不要复用同一份配置对象多次调用
render()，容易意外共享id值
elem 和 id 的分工不能颠倒
elem 指向表格容器（通常是 <table> 标签），用于初始化结构；id 是该表格的唯一标识符，用于后续所有 API 操作（如 table.reload('user-table')）。很多人误以为只设 elem 就够了，结果调用 reload 时找不到目标。
常见错误现象：
- 调用
table.reload('demo')报错Uncaught Error: No table instance with id: demo - 点击某表格的工具栏按钮，却触发了另一个表格的事件
原因往往是漏写了 id，或写了但拼写不一致。Layui 不会自动从 elem 推导 id。
使用 lay-filter 区分工具栏/行内操作事件
多个表格共存时，工具栏按钮（toolbar）和行内操作列（event）的监听都靠 lay-filter。如果所有表格都用同一个 lay-filter="test"，事件会混在一起响应。
实操建议：
- 为每个表格设置独立的
lay-filter值，例如：lay-filter="user-toolbar"、lay-filter="order-toolbar" - 在
table.on('toolbar(...)监听时，通过data.filter判断来源，再做对应处理 - 行内操作列的
event值也需唯一，如event: 'user-del'和event: 'order-edit'
动态生成表格时，id 要避免重复或非法字符
在循环中渲染多个表格（比如 tab 页签切换加载不同表格），容易用索引 i 拼出 id: 'table-' + i，看似唯一，但若页面反复销毁重建，可能残留旧实例；更危险的是用用户输入、接口字段直接拼 id，导致含空格、点号、中划线开头等非法 ID。
性能与兼容性影响：
- 非法
id（如以数字开头、含空格）会导致document.getElementById失效，Layui 内部查找失败 - 重复
id在 Chrome 中可能被静默忽略，但 Safari 或旧版 Edge 表现不一 - 建议用短横线连接小写字母+数字组合，例如：
user-list-table、log-search-table
id 和 lay-filter 这两个字符串上。一旦这两个值没管住，后面的数据、事件、样式都会串。最麻烦的是问题不立刻报错，而是隔几轮操作才暴露，调试时容易绕弯。 
