<TelerikButton OnClick="@ScrollToPageSix">Scroll to page 6</TelerikButton>

<TelerikGrid Data=@GridData
             ScrollMode="@GridScrollMode.Virtual"
             Height="480px" RowHeight="60" PageSize="@PageSize"
             Sortable="true" FilterMode="@GridFilterMode.FilterMenu"
             OnStateInit="@((GridStateEventArgs<SampleData> args) => OnStateInitHandler(args))" @ref="@GridRef">
    <GridColumns>
        <GridColumn Field="Id" />
        <GridColumn Field="Name" Title="First Name" />
        <GridColumn Field="LastName" Title="Last Name" />
        <GridColumn Field="HireData" Width="200px">
            <Template>
                @((context as SampleData).HireDate.ToString("MMMM dd, yyyy"))
            </Template>
        </GridColumn>
    </GridColumns>
</TelerikGrid>

@code {
    // managing the state to set scrolling
    TelerikGrid<SampleData> GridRef { get; set; }
    int PageSize { get; set; } = 20;
    async Task OnStateInitHandler(GridStateEventArgs<SampleData> args)
    {
        var state = new GridState<SampleData>()
        {
            Skip = 3 * PageSize // 3 pages times the page size
        };
        args.GridState = state;
    }

    async Task ScrollToPageSix()
    {
        var state = new GridState<SampleData>()
        {
            Skip = 6 * PageSize // 6 pages times the page size
        };
        GridRef.SetState(state);
    }

    //data generation from the docs

    public List<SampleData> GridData { get; set; }

    protected override async Task OnInitializedAsync()
    {
        GridData = await GetData();
    }

    private async Task<List<SampleData>> GetData()
    {
        return Enumerable.Range(1, 1000).Select(x => new SampleData
        {
            Id = x,
            Name = $"name {x}",
            LastName = $"Surname {x}",
            HireDate = DateTime.Now.Date.AddDays(-x)
        }).ToList();
    }

    public class SampleData
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public string LastName { get; set; }
        public DateTime HireDate { get; set; }
    }
}