New to Telerik UI for Blazor? Download free 30-day trial

Scroll to Selected Grid Row


Product Grid for Blazor


I would like to pre-select a row when the page is loaded, and I would like to show the grid with that row scrolled to the top, or sorted to appear on top.


You can find a selected row in the grid markup by the k-selected CSS class it has, and use a bit of JavaScript to scroll to it - browsers provide the scrollIntoView() method for that.

With row virtualization, however, the selected row may not be rendered. That is why you need to find its position and scroll to it through the Skip parameter of the Grid.

You can find examples in the following sample project:

In this article