ag-grid: Verwenden Sie mehr als ein Gruppenzellen-Rendering in einer einzigen Zeile

Question

Innerhalb der Daten versuche ich den Gruppen-CellRenderer zu verwenden, um Untertabellendaten innerhalb einer Zeile anzuzeigen. es funktioniert perfekt. Wenn ich versuche, den Gruppen-CellRenderer für eine andere Spalte in derselben Zeile zu verwenden, funktioniert das nicht, weil der Gruppenschlüssel die vom Compiler zuletzt gelesene Referenz berücksichtigt. Kann ich auf diese Weise die Gruppen-Renderer-Parameter überschreiben, um mehr als eins in einer Zeile zuzulassen?

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

Gelöst: Anstatt zu einem zweiten Gruppenschlüssel zerhacken, I hängten nur die Daten der zweiten Tabelle auf die über die row_data Arraydaten der ersten Tabelle. Im Grunde kombinieren Sie einfach die Objekte. Die Spaltendefinitionen erlaubten mir, die Daten immer noch mit eigenen Headern zu partitionieren. Wird nur benötigt, um einen einzelnen Gruppenschlüssel zu verwenden.