Layui表格怎么处理接口返回的嵌套JSON数据-Layui教程-PHP中文网

layui表格field不支持点号路径，必须用parsedata预处理或templet渲染。因field仅识别一级键名，深层字段需手动扁平化，否则渲染为空或[object object]。

直接用 field 写 user.info.name 是无效的——layui 表格不解析点号路径，必须手动扁平化或用 templet 渲染。

为什么 `field: 'user.info.name'` 渲染不出数据

Layui 的列映射逻辑只认一级键名，field 不支持路径表达式。即使后端返回的是 {user: {info: {name: '张三'}}}，表格内部仍会尝试读取 item['user.info.name']，结果是 undefined。

常见错误现象：列显示为空、[object Object]，控制台无报错
templet 函数里能访问整行原始数据（参数 d），但 field 本身必须对应最终对象上的一个可枚举属性名
排序、筛选功能依赖 field 对应的值存在且为基本类型，不能靠 templet 补救

用 `parseData` 预处理嵌套结构

在 table.render() 配置中加 parseData，把深层字段提前解出来，生成纯平对象数组。

确保 return 的 data 是 Array.isArray()，且每项都是 plain object（不能带原型、不能是 Map 或 Set）
别直接修改原始 res，比如 res.data.list[i].user = {...}，否则可能污染缓存或影响其他模块
用可选链 item.user?.info?.name 避免 Cannot read property 'info' of undefined
示例：

parseData: function(res){
  return {
    "code": res.code,
    "msg": res.msg,
    "count": res.data.total,
    "data": res.data.list.map(function(item){
      return {
        id: item.id,
        name: item.user?.info?.name || '-',
        age: item.user?.info?.age || 0,
        status: item.status
      };
    })
  };
}