RowGroupingModule 和第一列中的内容

Question

在 ag-Grid (https://www.ag-grid.com/) 中，我有这样的列定义：

   columnDefs: [
            {
                colId: 'tasks',
                field: 'tasks',
                rowGroup: true,
                hide: true
            },
            {
                colId: 'person',
                field: 'person',
                width: 500,
                cellStyle: { 'text-align': 'center' },
                cellRenderer: (params) => {
                    if (!params.node.group) {
                        return `
                            ${params.data.person.name} - ${params.data.person.job}
                        `;
                    }
                    return null;
                }
            },
            {
                colId: 'total',
                field: 'total',
                width: 100,
                aggFunc: 'sum'
            }
   ]

第一列按数据对象中的任务属性聚合，但分组数据的每一行都以空列开头。我想要的是第一列中第二列的内容（实际上应该删除该人的定义，${params.data.person.name} - ${params.data.person.job} 应该作为内容放在 colId: 'tasks' 的详细信息下）。

我曾尝试使用 cellRenderer 来完成任务，但它只允许我更改分组行而不是其下方的详细信息。

Image for better explanation of desired solution

Answer 1

我认为您的情况类似于此处的示例：https://www.ag-grid.com/javascript-grid-provided-renderer-group/

您需要提供 innerRenderer，这样您就可以在网格的分组单元格内提供您想要的任何内容。

RowGroupingModule 和第一列中的内容

RowGroupingModule and content in first column

reactjs

ag-grid