Отображение дочернего json в столбце ag-grid

Question

У меня есть такой объект json

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

Я хочу отобразить его как { headerName: 'age', field: 'formData.age' },

Но он не работает и отображает пустой.

Пожалуйста, помогите.

Answer 1

Убедитесь, что у вас нет suppressFieldDotNotation в gripOptions, установленном в значение true.

Answer 2

Лучший способ - создать собственный массив.

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