• What is KendoReact
  • Getting Started
  • Server Components
  • Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

Render Custom Content inside the Grid Group Header


Product Version5.16.1
ProductProgress® KendoReact


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


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

View Source
Change Theme:

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.

View Source
Change Theme:

In this article

Not finding the help you need?