在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

確保在gripOptions中沒有設置為true的suppressFieldDotNotation 。