Locked Group Headers

The KendoReact Data Grid allows you to lock the headers of the grouped data and freeze the component columns at the same time when needed.

To lock the group headers of the Grid, use its lockGroups prop. Setting the locked prop of the desired columns will allow you to freeze them as well, along with the locked headers.

The following example shows how to lock the group headers and the first two columns of a Grid component.

Example
View Source
Change Theme:

In this article

Not finding the help you need?