Hi Chris,

That has been the way our grids have been expected to work by the majority of people, so that's how they are implemented at the moment.

For automatic scrolling to the top on paging to be considered for implementation, such a behavior needs to get enough traction with the community, and your Vote is the second one so far (I added it on your behalf). For the time being, please use the solution I posted above.

Regards,
Marin Bratanov
Progress Telerik

Hello René,

Perhaps row virtualization can be a feature you will find useful, at least for some cases: https://docs.telerik.com/blazor-ui/components/grid/virtual-scrolling.

Regards,
Marin Bratanov
Progress Telerik

Hi René,

We reviewed this with management and what I can say is that - based on feedback from all our clients from all our web suites for the last decade - the majority of people (end users included) want the grid to keep the scrollTop when paging. This is how we have now implemented our grids and we do not intend to change this behavior because it will cause issues for many people. Thus, the solution I sent is valid - scrolling to the top with your own code on the PageChanged event.

Regards,
Marin Bratanov
Progress Telerik

Hi René,

All our grids keep the scroll position when paging and I haven't so far seen requests to change this behavior. Nevertheless, I am keeping this open to get more feedback on the community whether people want this behavior as a possible grid enhancement.

In the meantime, you can achieve it with just a little bit of JS Interop through the grid's PageChanged event:

@inject IJSRuntime JsInterop

<div id="myGridContainer">
    <TelerikGrid Data="@MyData" Pageable="true" PageSize="30" PageChanged="@PageChangedHandler" Height="300px">
        <GridColumns>
            <GridColumn Field="ID"></GridColumn>
            <GridColumn Field="TheName" Title="Employee Name"></GridColumn>
        </GridColumns>
    </TelerikGrid>
</div>
@code {
    async Task PageChangedHandler(int currPage)
    {
        await JsInterop.InvokeVoidAsync("scrollGridAfterPaging", "#myGridContainer");
    }

    public IEnumerable<object> MyData = Enumerable.Range(1, 150).Select(x => new { ID = x, TheName = "name " + x });
}

    <script>
        function scrollGridAfterPaging(gridParent) {
            var gridPageContent = document.querySelector(gridParent + " .k-grid-content");
            if (gridPageContent) {
                gridPageContent.scrollTop = 0;
            }
        }
    </script>

Regards,
Marin Bratanov
Progress Telerik