Как использовать groupInnerCellRenderer в AgGrid React

Question

В документации AgGrid для Группировка нижних колонтитулов упоминается, что есть способ настроить рендеринг сгруппированной строки с помощью groupInnerCellRenderer, но неясно, нужно ли добавить эту опору в gridOptions или в cellRendererParams для agGroupCellRenderer, см. выдержку ниже:

При отображении групп в одном столбце данные агрегации отображаются в заголовке группы при свертывании и только в нижнем колонтитуле при раскрытии (ie перемещается из верхний колонтитул). Чтобы иметь различный рендеринг, предоставьте пользовательский groupInnerCellRenderer, где средство визуализации может проверить, является ли он верхним или нижним колонтитулом.

Мне было интересно, может ли кто-нибудь опубликовать пример agGrid, который использует groupInnerCellRenderer.

Answer 1

groupInnerCellRenderer в основном должен быть добавлен к cellRendererParams с пользовательским компонентом рендеринга ячеек примерно так -

 {
        headerName: 'City',
        field: 'city',
        minWidth: 240,
        showRowGroup: true,
        cellRenderer: 'agGroupCellRenderer',
        cellRendererParams: {
          suppressCount: true,
          checkbox: true,
          innerRenderer: 'simpleCellRenderer',
          suppressDoubleClickExpand: true,
          suppressEnterExpand: true,
        },
      },

Группа cellRenderer позаботится обо всем расширении / свертывании, выборе и т. Д. c, но с помощью simpleCellRenderer вы можете настроить отображение ячейки для сгруппированной строки.

Яркий пример этого есть в документации - https://www.ag-grid.com/javascript-grid-provided-renderer-group/#example -group-renderer