javascript - 使用Ag-grid中的分组功能构建我们自己的cellRenderer

以前，我有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。

最佳答案

我想您想做类似this page底部的示例的操作。基本上，您需要更改的是：

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