ag-grid изменить имя заголовка группы строк

Question

Я использую ag-grid для отображения таблицы, которая имеет Row Grouping.Столбец, по которому я группируюсь, невидим, поскольку его значение не имеет значения.

Так, например, у меня будет следующая ( полностью свернутая ) таблица:

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

Как видите, группировка выполняется по дружественному идентификатору пользователя un , который вообще не отражен в определениях столбцов.Я хотел бы изменить groupId1 / groupId2 на удобный текст, который назначается динамически в соответствии с содержимым строк группы.

Я использую React.

Я использую примеры Ag-Grids в качестве отправной точки, следующий пример воплощает проблему, с которой я сталкиваюсь: (например: https://plnkr.co/edit/VM59gScPD55PhX4y4JBj?p=preview)

1. Имеется группировка строк
2. Группировкаделается невидимым столбцом (страна)
3. Я хотел бы динамически изменить название страны на другое значение, полученное из значений внутренней строки.

Спасибо за ваше время.:)

Answer 1

В конце мне помог коллега, его решение было:

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

внутри colDef моей группы, и значение, которое будет отображаться в виде заголовка, отправляется внутри 'data'.

Он сказал, что cellRenderer - это перебор для такой простой задачи, как эта.

Answer 2

Вы можете передать дополнительные параметры для средства визуализации групповых ячеек и настроить его следующим образом:

colDef = {
    // set the cell renderer to 'group'
    cellRenderer:'agGroupCellRenderer',
    // provide extra params to the cellRenderer
    cellRendererParams: {
        innerRenderer: myInnerRenderer, // provide an inner renderer
    }
    ...
};

После этого вы сможете отображать любой текст, основанный на пользовательской логике, с помощью реализации myInnerRenderer.

Вот пример из ag-grid docs .Проверьте реализацию Group Renderer C