layui.table.render 不支持自动解析嵌套字段，必须在 parseData 中将多层嵌套数据扁平化为一级对象数组，或使用 templet 手动取值并做空值防护。
layui.table.render 怎么解析后端返回的嵌套 List 数据
直接说结论：layui 的 table.render 本身不支持自动展开多层嵌套结构，必须在 parsedata 回调里手动扁平化或映射字段。
后端返回类似 [{ "id":1, "user":{"name":"张三","dept":{"title":"研发部"}} }] 这种结构时，表格列定义里写 field: 'user.name' 是无效的 —— layui 不做路径解析，只认一级 key。
- 必须用
parseData把原始响应数据转成每行都是一级对象的数组 - 或者在列定义中用
templet手动取值：templet: '<div>{{d.user?.name}}</div>'（注意加可选链，避免报错） - 如果嵌套层级深、字段多，推荐前者：统一在
parseData里处理，避免模板里重复写d.a?.b?.c?.d
parseData 里怎么安全提取嵌套字段并兼容空值
后端返回的嵌套对象可能为 null 或缺失，直接访问 d.user.name 会触发 JS 错误，导致表格渲染中断。
正确做法是在 parseData 中对每条数据做防御性处理，用逻辑运算符或空值合并操作符兜底：
parseData: function(res){
return {
"code": res.code,
"msg": res.msg,
"count": res.count,
"data": res.data.map(function(item){
return {
id: item.id,
userName: item.user && item.user.name || '-',
deptTitle: (item.user?.dept || {}).title || '-',
// 更稳妥写法（兼容 IE）：
// deptTitle: item.user && item.user.dept && item.user.dept.title || '-'
};
})
};
}
- 别依赖可选链（
?.）在低版本浏览器中运行，生产环境建议用&&显式判断 - 所有嵌套字段都要设默认值（如
'-'），否则空值会导致列内容空白，用户以为数据丢了 - 如果后端返回的是数组嵌套（如
tags: [{name:"前端"},{name:"Vue"}]），需提前拼成字符串再塞进字段，例如tagsText: (item.tags || []).map(t => t.name).join(' / ') || '-'
为什么不能直接在 cols 里写 field: 'user.name'？
因为 layui 表格的 field 只用于生成 data-field 属性和内部索引键，并不参与取值逻辑；真实取值发生在模板渲染阶段，而默认模板只执行 d[field]，即严格的一级属性访问。
- 写
field: 'user.name'后，实际执行的是d['user.name']，不是d.user.name - 除非你同时配了
templet，否则这个field值毫无意义，列会显示空 - 如果想保留原字段名又省事，可以在
parseData里把嵌套字段“拍平”，比如把user.name拷贝成userName，后续列定义就干净了
后端返回 List> 怎么展开展示成单层表格
比如订单列表里每个订单带多个商品（orderItems: [{name:"iPhone", qty:2}, {name:"AirPods", qty:1}]），要展示成「订单ID｜商品名｜数量」这样的明细表，不是聚合行。
- 不能靠前端模板循环实现 —— layui 表格每行对应一个数据项，不支持子行嵌套
- 必须由后端返回已展开的数据，或前端在
parseData里用flatMap处理：res.data.flatMap(order => (order.orderItems || []).map(item => ({...order, itemName: item.name, qty: item.qty}))) - 注意分页逻辑：如果后端按订单分页，但你要展示商品明细，那总条数、当前页数据都需要重算，
count和data都得在parseData里重新组织 - 这种场景下，服务端分页基本失效，建议改用前端分页（
page: false），或让后端提供专门的明细接口
嵌套数据的处理核心就一条：layui 表格只吃“扁平数组”，所有结构转换必须发生在进表格之前。谁负责扁平化，取决于性能要求和后端配合程度 —— 但无论如何，不能指望 field 自动解析点号路径。
