在ag-grid列中显示子json

Question

我有一个像这样的json对象

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

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

但是它不起作用并且显示为空白。

请帮助。

Answer 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))

Answer 2

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