在 ag-grid 列中显示子 json

【问题标题】：Displaying child json in ag-grid column在 ag-grid 列中显示子 json
【发布时间】：2019-05-01 13:57:09
【问题描述】：

我有一个这样的 json 对象

[{
    name: 'abcd',
    formData: {
        age: 33
        sex: m
    }
},
{
    name: 'ssabcd',
    formData: {
        age: 23
        sex: m
    }
}]

我想像{ headerName: 'age', field: 'formData.age' },一样显示它

但它不工作并且显示空白。

请帮忙。

【问题讨论】：

标签： angular ag-grid

【解决方案1】：

最好的方法是构建自己的数组。

gridData=[];

 data=[{
     name: 'abcd',
        formData: {
            age: 33,
            sex: "m"
             }
        },
       {
        name: 'ssabcd',
        formData: {
            age: 23,
            sex:"m" 
        }
       }]

构建自己的数组的代码

 for(var i=0;i< this.data.length;i++){

    this.gridData.push({name:this.data[i].name,age:this.data[i].formData.age})

    }

console.log(JSON.stringify(this.gridData))

【讨论】：

【解决方案2】：

确保您没有将 gripOptions 中的 suppressFieldDotNotation 设置为 true。

【讨论】：