layui table 的 cols 数组不响应式更新，必须调用 table.reload() 传入完整新 cols 才能生效；隐藏列不影响导出内容，需手动过滤数据；reload 后应调用 table.resize() 并注意样式残留。
layui table 的 cols 数组不能直接响应式更新
你改了 cols 数组里的 hide: true，表格没变——不是写法错，是 layui 的 table 模块压根不监听 cols 变化。它只在 table.render() 初始化时读一次，之后再改数组内容，ui 不会重绘。
实操建议：
- 不要试图「原地修改」已渲染表格的
cols数组，那只是改了个引用，没触发任何重绘逻辑 - 必须调用
table.reload()重新加载列配置，且要传入完整的新cols结构（不能只传差量） - 如果列定义里用了函数（比如
templet），确保 reload 时这些函数仍可访问（避免闭包丢失或 this 错位）
reload 时如何安全替换列配置
后台返回字段列表后，你需要把原始列配置和返回的字段做映射，生成新 cols。关键点不是“怎么拼数组”，而是“怎么保状态”：
- 列宽（
width）、对齐（align）、模板（templet）等属性得显式继承，不能只靠字段名匹配 - 别用
JSON.parse(JSON.stringify(oldCols))深拷贝——函数、正则、undefined 全丢了，templet会变undefined - 推荐用结构化合并：遍历原始
cols[0]（通常是一维表头），按field匹配后台返回的显示开关，逐项设置hide
示例片段：
const rawCols = [[
{field: 'id', title: 'ID', width: 80},
{field: 'name', title: '姓名', templet: '<div>{{d.name}}</div>'},
{field: 'status', title: '状态'}
]];
const showFields = ['id', 'name']; // 后台返回的可见字段
const newCols = rawCols.map(row =>
row.map(col => ({
...col,
hide: !showFields.includes(col.field)
}))
);
table.reload('myTable', { cols: newCols });
隐藏列后导出 Excel 仍包含数据？
这是个高频盲区：table.exportFile() 默认导出的是原始数据（data 或 url 返回的所有字段），和列的 hide 状态无关。用户看不到某列，不代表导出时自动过滤。
- 若需导出与视图一致，必须手动过滤
data，或改用exportFile的data参数传入精简后的数组 - 注意分页：如果表格启用了分页，
table.cache['myTable']只存当前页数据；要导出全部，得自己请求全量数据再按列过滤 - 列配置里的
export属性（非官方 API）无效，layui 原生不支持 per-column 导出控制
移动端列隐藏导致横向滚动异常
隐藏列后，table 容器的 min-width 有时不会自动收缩，尤其当剩余列总宽度小于容器时，仍保留大片空白滚动区。
- reload 后主动调用
table.resize('myTable')，强制重算容器尺寸（layui 2.8+ 支持） - 若无效，检查是否设置了固定
width表格容器，或者父级有overflow-x: auto但未设min-width: fit-content - 更稳的做法：隐藏列后，用
$('table[lay-id="myTable"]').closest('.layui-table-box').css('min-width', 'unset')清除残留样式
