如何在jQuery Datatables中渲染嵌套JSON对象的列数据

看起来你在尝试从嵌套的auditor数组里提取每个teamMember的nameWithInitial字段到DataTables单元格，但当前的写法有问题，我来帮你修正。

问题分析 #

你的JSON数据里auditor是一个数组（每个AuditorSection对应多个auditor），而你写的data: "auditor.[,].teamMember"不是DataTables支持的语法，而且render函数里的data参数并没有正确拿到你需要的嵌套字段。

正确的实现方式 #

你需要在render函数里遍历auditor数组，逐个提取teamMember.nameWithInitial，然后把这些值组合成适合显示的格式（比如用逗号分隔）。

修正后的代码：

{
  data: "auditor", // 直接绑定auditor数组作为数据源
  render: function(data, type, row) {
    // 遍历auditor数组，提取每个成员的nameWithInitial
    const memberNames = data.map(item => item.teamMember.nameWithInitial);
    // 用逗号分隔所有名字返回，也可换成<br>实现换行显示
    return memberNames.join(', ');
  }
}

代码解释 #

• data: "auditor"：告诉DataTables将当前行的auditor数组作为该列的数据源。
• data.map(...)：遍历auditor数组中的每一项，精准取出嵌套的teamMember.nameWithInitial字段。
• memberNames.join(', ')：把所有成员名称拼接成一个字符串，适配单元格显示需求；如果需要每行显示一个名字，可将分隔符换成<br>，同时确保列允许HTML渲染（可添加className: 'dt-body-html'配置）。

测试验证 #

用你提供的JSON数据测试，这段代码会返回R E PRASANDINI，完全符合你需要渲染的字段值。

内容的提问来源于stack exchange，提问作者PNP