在AG-GRID中构建自己的具有分组功能的细胞呈现器

2022-07-15 00:00:00 javascript angular ag-grid

以前,我使用内置的分组功能columnDefs呈现无角度组件的ag型网格单元格。

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

现在我尝试使用角度组件来使用cellRendererFramework呈现ag型网格单元,但这使我失去了分组功能。具有展开/折叠功能的树组值不再起作用。

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

是否需要手动设置分组?

我也尝试过使用groupRowInnerRendererinnerRendererFramework


解决方案

我想您想要执行类似this page底部的示例的操作。基本上,您只需更改以下内容:

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

相关文章