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

Question

以前我有 columnDefs 用于渲染没有 Angular 具有内置 grouping 功能的组件的 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
    }
    ...
}