New to Kendo UI for Vue? Start a free 30-day trial
Locked Group Headers
Updated on Apr 1, 2026
The Kendo UI for Vue 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 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 ...