Render Custom Content inside the Grid Group Header

Environment

Product Version	5.16.1
Product	Progress® KendoReact Grid

Description

I want to customize the content of the Grid group header.

Solution

In order to achieve this, it is currently recommended to use the 'groupHeader` property.

Change Theme

Theme

Loading ...

This can also be achieved using the Grid cellRender property

1. Use the cellRender prop.
2. Return a modified td element with the desired icon or other custom elements for the specific header.

The following example demonstrates how to modify the groupHeader of the Grid.

Change Theme

Theme

Loading ...