Locked Group Headers
Premium

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.

ninja-iconThe Grouping feature of the Grid is part of KendoReact premium, an enterprise-grade UI library with 120+ free and premium components for building polished, performant apps. Test-drive all features with a free 30-day trial.Start Free Trial

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 pinned headers.

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

Change Theme
Theme
Loading ...
In this article
Suggested Links
Not finding the help you need?
Contact Support