Render Custom Content inside the Grid Group Header

Updated on Jun 8, 2026

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.

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.

Loading ...