Sticky Rows

Updated on Jun 29, 2026

The sticky rows are constantly visible while the users scroll the Kendo UI for Vue Native Grid vertically. These rows are scrollable like the regular rows but based on the users' interaction with the Grid they are stacked on at the top or bottom of the component, without leaving the viewport.

Enabling Sticky Rows

To implement sticky rows, use a custom cell render template that applies the k-grid-row-sticky CSS class and manually sets the top and bottom CSS positions based on the row's index among all currently locked rows.

The following example demonstrates this approach. Each row has a pin icon in the first column — clicking it marks the row as locked, stacks it at the top of the viewport, and recalculates the positions of all other locked rows.

Change Theme

Theme

Loading ...

Known Limitations

• The usage of sticky rows is not supported in master-detail Grids.
• Using sticky rows with grouped data is not supported.
• Using sticky rows with Grid's virtual scrolling functionality is not supported.
• The sticky rows functionality is not supported in Internet Explorer. The functionality relies on the setting of the CSS position property of the internal table elements to sticky. Internet Explorer does not provide support for this feature.

Suggested Links

• Grid Locked Columns
• API Index of the Grid