在ag-grid列中显示子json

Question

I have a json object like this

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

I want to display it like { headerName: 'age', field: 'formData.age' },

But it is not working and is displaying blank.

Please help.

Answer 1

The best way is to build your own array.

gridData=[];

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

code to build own array

 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

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