Layui table 初始化后列配置不可动态修改，必须销毁后重建：调用 table.destroy() 清除旧实例，再用新 cols 调用 table.render() 重新渲染，否则列名不更新、事件丢失、分页重置。
layui table 的列配置是静态的，不能运行时改列名
直接说结论：layui table.render() 初始化后，cols 是只读结构，调用 table.reload() 也无法动态替换整列的 title 文本。你看到的“动态改列名”，本质是重新渲染整张表——不是更新，是销毁再重建。
常见错误现象：table.reload() 传了新 cols 但列名没变；或者强行改 table.config.cols[0][0].title = '新名字'，页面不刷新，甚至后续排序/导出出错。
- 必须用
table.destroy(id)清掉旧实例（否则内存泄漏 + 事件重复绑定） - 新
cols需完整定义，不能只改title—— 比如field、templet、width等都得带全 - 如果用了
toolbar或defaultToolbar，记得在新配置里一并写上，否则工具栏消失
搜索后重绘表格的最小可行代码结构
假设你有个搜索框，输入关键词后要查字段映射关系（比如后端返回 { "real_name": "姓名", "dept_name": "部门" }），然后更新表头：
<pre class="brush:php;toolbar:false;">// 1. 先销毁
table.destroy('userTable');
// 2. 根据搜索结果构造新 cols
const newCols = [[
{ type: 'checkbox' },
{ field: 'real_name', title: searchResult['real_name'] || '姓名', width: 120 },
{ field: 'dept_name', title: searchResult['dept_name'] || '部门', width: 150 }
]];
// 3. 重新 render（id、elem、url、page 等参数需和原来一致）
table.render({
id: 'userTable',
elem: '#userTable',
url: '/api/list',
cols: newCols,
page: true
});
为什么不能用 reload() 改列名？看源码级原因
Layui 的 table.reload() 内部只合并部分配置项，<code>cols 被明确排除在可更新字段之外（v2.8.18 源码中 opts.cols 不参与 extend）。它设计初衷就是“换数据不换结构”。
- 如果你硬传
cols进reload()，Layui 会静默忽略，控制台无报错 - 想绕过？有人试过先
table.config.cols = newCols再reload()，结果是表体数据重载了，但 th 文字还是旧的——因为 DOM 已渲染，没触发重绘逻辑 - 兼容性影响：v2.7+ 全系如此，不存在版本差异
容易被忽略的副作用：事件绑定和分页状态丢失
每次 render() 都是全新实例，之前绑定的 tool、row、sort 事件全部失效。分页器也会重置到第 1 页。
- 解决事件问题：把事件监听写在
render()的回调里，或封装成函数在每次渲染后调用 - 保留当前页码：从旧实例取
table.cache['userTable'].page（如果缓存还存在），或自己维护一个currentPage变量 - 性能提醒：频繁销毁重建对大表格（>500 行）有明显卡顿，建议加防抖，且服务端尽量一次返回字段映射 + 数据，避免两次请求
真正麻烦的不是怎么写，而是得同步处理销毁、重绘、事件、分页、缓存这五件事——少一个，用户点两下就出 bug。
