使用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

我想你想做this page底部的例子。基本上你需要改变的是：

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