ag-grid 修改行组的标题名称

Question

我用来ag-grid显示一个带有Row Grouping. 我分组所依据的列是不可见的，因为它的值没有意义。

例如，我将有以下（完全折叠的）表格：

---------------------------------
|   H1       H2        H3        |
----------------------------------
| > groupId1 (1)                 |
----------------------------------
| > groupId2 (5)                 |
----------------------------------

正如您所看到的，分组是通过用户不友好的 ID 完成的，这根本没有反映在列定义中。我想将groupId1/更改groupId2为用户友好的文本，该文本根据组行的内容动态分配。

我在用React。

我使用 ag-Grids 示例作为起点，以下示例体现了我面临的问题：（例如： https: //plnkr.co/edit/VM59gScPD55PhX4y4JBj ?p=preview ）

1. 它有行分组
2. 分组是通过不可见的列（国家/地区）完成的
3. 我想将国家/地区名称动态更改为从内行的值派生的不同值。

谢谢你的时间。:)

Answer 1

您还可以使用这个简单的 prop autoGroupColumnDef重命名 ag-grid 的 rowGroup 标题

<AgGridReact 
  columnDefs={columnDefs} 
  rowData={rowData}
  autoGroupColumnDef={{
    headerName: 'Name'
  }}
/>

Answer 2

最后一位同事帮助了我，他的解决方案是：

valueFormatter: ({ value, data }) => 'something ' + value

在我的组的 colDef 内，要显示为标题的值在“数据”内发送。

他说 cellRenderer 对于像这样的简单任务来说有点大材小用。