使用Ag-grid中的分組功能構建我們自己的cellRenderer

Question

以前，我使用columnDefs來渲染帶有內置分組功能的不帶Angular Components的ag-grid單元。

colDef = [
            {
                headerName: 'HeaderName',
                field: 'a',
                editable: false,
                cellRenderer: 'group',
                ...
            },

現在，我嘗試使用Angular組件通過cellRendererFramework渲染ag-grid單元，但是這使我失去了分組功能。 具有擴展/折疊功能的樹組值不再起作用。

colDef = [
            {
                headerName: 'HeaderName',
                field: 'a',
                editable: false,
                cellRendererFramework: MyCustomCellRendererComponent,
                ...
            },

我需要手動設置分組嗎？

我也嘗試過使用groupRowInnerRenderer ， innerRendererFramework 。

Answer 1

我想您想做類似此頁底部示例的操作。 基本上，您需要更改的是：

{
    headerName: 'HeaderName',
    field: 'a',
    editable: false,
    cellRenderer: 'group',
    cellRendererParams: {
        innerRendererFramework: MyCustomCellRendererComponent
    }
    ...
}