Layui table.render() 不支持自动解析字段生成列，必须手动提取后端返回数据的 keys 构建 cols 二维数组再传入；field 需合法命名（不含点号、空格），否则排序、搜索、导出失效。
layui table.render() 怎么用后台返回的字段名自动创建列
不能直接靠 table.render() 自动解析 json 数据生成表头——layui 的 cols 必须显式声明，它不支持“动态推导列”。但你可以手动提取后拼成 cols 数组，再传给 render()。
典型场景是：后端返回类似 {"code":0,"data":[{"name":"张三","age":25},{"name":"李四","age":30}]}，且字段不确定（可能今天有 dept，明天加了 status），前端需“见啥列啥”。
- 先用一次 AJAX 获取数据（哪怕只取第一条），提取
Object.keys(data[0])得到字段名数组 - 把字段名映射为
{field: 'xxx', title: 'xxx'}对象，组成cols二维数组（注意：Layui 要求cols是二维，哪怕只有一行） - 再调用
table.render()，data传原始数组，cols传动态生成的结构 - 避免在
done回调里二次 render——会导致重复初始化、事件绑定错乱
为什么不能在 done 回调里重新 render 表格
done 是表格渲染完成后的钩子，此时 DOM 已就绪。如果在里面再调一次 table.render()，Layui 会尝试重绘整个容器，引发 ID 冲突、工具栏按钮重复、分页器错位等问题，控制台常报 Uncaught Error: Table instance not found 或 Cannot read property 'config' of undefined。
- 正确做法：先请求数据 → 提取字段 → 构建
cols→ 一次性调用table.render() - 错误做法：先空 render → 等
done→ 再 fetch → 再 render（这是双刃剑，90% 场景会崩） - 如果必须异步加载列配置（比如列定义存在后端），建议用 Promise.all 预加载字段和数据，再统一 render
字段名含点号（如 user.name）或空格时怎么处理
Layui 的 field 不支持点号或空格，否则 data 渲染时取不到值，控制台静默失败，表格单元格为空。后端若返回嵌套字段或带空格 key，必须做转换。
-
user.name→ 改成userName或user_name，并在后端或前端做一次map映射 -
"Full Name"→ 前端用replace(/\s+/g, '_')转成Full_Name，同时确保data中对应字段也已改名 - 别依赖
templet临时补救：虽然可用函数取user.name，但排序、搜索、导出等功能会失效，因为 Layui 内部仍按field查找原始属性
动态列 + 排序/搜索/导出还能用吗
能用，但前提是 field 值合法、与数据结构严格一致。Layui 的排序和搜索依赖 field 直接读取对象属性，导出（export 模块）也按 field 取值。
- 排序：只要
field是合法标识符（字母/数字/下划线开头，不含点/空格），且数据中真有该 key，就能正常升序降序 - 搜索：启用
toolbar和defaultToolbar后，输入关键词会自动 filter 所有field对应的值 - 导出：需额外引入
laydate和excel模块，并确保列配置中field与数据字段名完全匹配，否则导出列为undefined - 性能注意：字段数超过 20 列时，动态生成
cols并无瓶颈；但若每行数据量极大（>1000 条），建议后端分页，前端勿一次性加载全量再 render
最易被忽略的是字段命名一致性——前后端约定好扁平化 key，比任何前端 hack 都可靠。
