# Sticky Rows

The sticky rows are constantly visible while the users scroll the Kendo UI for Vue 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.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/grid/rows/sticky/source.txt)

## 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](https://developer.mozilla.org/en-US/docs/Web/CSS/position) property of the internal table elements to `sticky`. [Internet Explorer does not provide support for this feature](https://developer.mozilla.org/en-US/docs/Web/CSS/position#browser_compatibility).

## Suggested Links

* [Grid Locked Columns](https://www.telerik.com/kendo-vue-ui-develop/components/grid/columns/locked)
* [API Index of the Grid](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api)