ag-grid：1つの行に2つ以上のグループセルレンダリングを使用する

Question

データ内で、グループセルレンダラーを使用して行内のサブテーブルデータを表示しようとしています。それは完全に動作します。グループセルレンダラーを同じ行の別の列で使用しようとすると、グループキーが最後に参照されたものがコンパイラーによって最後に読み取られるため、機能しません。それに基づいて、グループセルレンダラーのパラメータをオーバーライドして、1つの行に複数のセルを割り当てることができる方法はありますか？解決

let columnDefs = [ 
    {headerName: 'Company', field: 'company'}, 
    {headerName: 'Job', field: 'job'}, 
    {headerName: 'Time Wasted', field: 'timeWasted'}, 
    {headerName: "People", 
    children: [ 
    {headerName: "", cellRenderer: 'group'}, 
    {headerName: "Athlete", field: "athlete"}, 
    {headerName: "Year", field: "year"}, 
    {headerName: "Country", field: "country"}, 
    ] 
    }, 
    { 
    headerName: "Details", 
    children: [ 
     {headerName: "", cellRenderer: 'group'}, 
     {headerName: "Time", field: "time"}, 
     {headerName: "Speed", field: "speed"}, 
     {headerName: "Distance", field: "distance"} 
    ] 
    } 
]; 

//options for chart configuration 
this.options = { 
    columnDefs: columnDefs, 
    enableColResize: true, 
    enableSorting: true, 
    getNodeChildDetails: getNodeChildDetails, 
    enableFilter: true, 
    rowSelection: 'multiple' 
}; 

this.data = [ 
    { company: 'BMI', 
    job: 'developer', 
    timeWasted: '15 days', 
    group: 'People', 
    participants: [ 
     {athlete: 'Jimmy Blue', year: '2008', country: 'United States'}, 
     {athlete: 'Jack Brown', year: '2009', country: 'China'}, 
     {athlete: 'Jeff White', year: '2010', country: 'India'} 
    ], 
    group: 'Details', 
    stuff: [ 
     {time: '14:04', speed: '11', distance: '1.2'}, 
     {time: '16:03 ', speed: '12', distance: '1.25'}, 
     {time: '17:00', speed: '12', distance: '.99'} 
    ] 
    } 

]; 

Answer 1

：第二グループ鍵にハックではなく、私はちょうどrow_dataアレイを介して第一のテーブルのデータを第二のテーブルのデータを添付。基本的には、オブジェクトを結合するだけです。列の定義によって、データを独自のヘッダーで区切ることができました。単一のグループキーを使用する場合にのみ必要です。