第一列中的RowGroupingModule和内容

问题描述

在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

解决方法

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

您需要提供innerRenderer，以便可以在网格的分组单元中提供所需的任何内容。