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

Question

以前，我不得不columnDefs使用内置的分组功能在没有 Angular 组件的情况下渲染 ag-grid 单元格。

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

现在我尝试使用 Angular 组件来渲染 ag-grid 单元格，cellRendererFramework但这让我失去了分组功能。具有展开/折叠功能的树组值不再起作用。

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

我需要手动设置分组吗？

我也试过使用groupRowInnerRenderer, innerRendererFramework。

Answer 1

我想您想要做一些类似于本页底部示例的操作。基本上你需要改变的是：

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