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

Question

我正在使用 ag-grid显示具有 Row Grouping 的表格.
我分组的列是不可见的，因为它的值没有意义。

例如，我将有以下(完全折叠)表:

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

如您所见，分组是由用户不友好的 ID 完成的，它根本没有反射(reflect)在列定义中。我要换 groupId1/ groupId2到用户友好的文本，根据组行的内容动态分配。

我正在使用 React .

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

它有行分组

分组由不可见(国家/地区)

的列完成

我想将国家/地区名称动态更改为从内部行的值派生的不同值。

谢谢你的时间。 :)

Answer 1

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

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

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

他说 cellRenderer 对于这样一个简单的任务来说太过分了。