Render Custom Content inside the Grid Group Header

Environment

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.

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.