<TelerikGrid Data=@GridData TotalCount=@Total OnRead=@ReadItems Groupable="true" Resizable="true" Reorderable="true"
             FilterMode=@GridFilterMode.FilterRow Sortable=true Pageable=true  Width="800px" Height="400px">
    <GridColumns>
        <GridColumn Field=@nameof(Employee.ID) Width="600px" />
        <GridColumn Field=@nameof(Employee.Name) Title="Name" Width="600px" />
        <GridColumn Field=@nameof(Employee.HireDate) Title="Hire Date" Width="600px" />
        <GridCommandColumn>
            <GridCommandButton Command="Save" Icon="save" ShowInEdit="true">Update</GridCommandButton>
            <GridCommandButton Command="Edit" Icon="edit">Edit</GridCommandButton>
            <GridCommandButton Command="Delete" Icon="delete">Delete</GridCommandButton>
            <GridCommandButton Command="Cancel" Icon="cancel" ShowInEdit="true">Cancel</GridCommandButton>
        </GridCommandColumn>
    </GridColumns>
    <GridToolBar>
        <GridCommandButton Command="Add" Icon="add">Add Employee</GridCommandButton>
    </GridToolBar>
</TelerikGrid>

@code {
    public List<Employee> SourceData { get; set; }
    public List<Employee> GridData { get; set; }
    public int Total { get; set; } = 0;

    protected override void OnInitialized()
    {
        SourceData = GenerateData();
    }

    protected async Task ReadItems(GridReadEventArgs args)
    {
        var datasourceResult = SourceData.ToDataSourceResult(args.Request);

        GridData = (datasourceResult.Data as IEnumerable<Employee>).ToList();
        Total = datasourceResult.Total;

        StateHasChanged();
    }

    //This sample implements only reading of the data. To add the rest of the CRUD operations see
    //https://docs.telerik.com/blazor-ui/components/grid/editing/overview

    private List<Employee> GenerateData()
    {
        var result = new List<Employee>();
        var rand = new Random();
        for (int i = 0; i < 100; i++)
        {
            result.Add(new Employee()
            {
                ID = i,
                Name = "Name " + i,
                HireDate = DateTime.Now.Date.AddDays(rand.Next(-20, 20))
            });
        }

        return result;
    }

    public class Employee
    {
        public int ID { get; set; }
        public string Name { get; set; }
        public DateTime HireDate { get; set; }
    }
}

    .force-scroll .k-grid-content .k-height-container {
        min-width: 1800px; /* matches the total column width in pixels */
        height: 1px;
    }

<TelerikGrid Data=@SourceData Class="force-scroll" Groupable="true" Resizable="true" Reorderable="true"
             FilterMode=@GridFilterMode.FilterRow Sortable=true Pageable=true  Width="800px" Height="400px">