Locked Group Headers

Updated on Aug 14, 2026

The Kendo UI for Vue Data Grid can lock group headers while keeping selected columns locked.

To lock Grid group headers, set the lockGroups prop to true. Set the locked prop on the columns that must remain visible while the Grid scrolls horizontally.

vue

<Grid :lock-groups="true" :columns="[{ field: 'ProductName', locked: true }]" />

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

Loading ...

Suggested Links

• Grouping Basics
• Grid API Reference