<style>
    .smaller-header-paddings.k-grid th {
        padding-right: 16px;
    }

    .smaller-header-paddings .k-grid-header .k-grid-filter {
        right: 0px;
    }
</style>

<TelerikGrid Data=@GridData FilterMode="@GridFilterMode.FilterMenu" Resizable="true"
             Pageable="true" Height="400px" Width="400px" Class="smaller-header-paddings">
    <GridColumns>
        <GridColumn Field=@nameof(Employee.IsOnLeave) Title="On Vacation" Width="100px" />
        <GridColumn Field=@nameof(Employee.HireDate) Title="Hire Date" Width="70px" />
        <GridColumn Field=@nameof(Employee.Name) Width="100px" />
        <GridColumn Field=@nameof(Employee.AgeInYears) Title="Age" Width="100px" />
    </GridColumns>
</TelerikGrid>

@code {
    public List<Employee> GridData { get; set; }

    protected override void OnInitialized()
    {
        GridData = new List<Employee>();
        var rand = new Random();
        for (int i = 0; i < 100; i++)
        {
            GridData.Add(new Employee()
            {
                EmployeeId = i,
                Name = "Employee " + i.ToString(),
                AgeInYears = rand.Next(10, 80),
                HireDate = DateTime.Now.Date.AddDays(rand.Next(-20, 20)),
                IsOnLeave = i % 3 == 0
            });
        }
    }

    public class Employee
    {
        public int? EmployeeId { get; set; }
        public string Name { get; set; }
        public int? AgeInYears { get; set; }
        public DateTime HireDate { get; set; }
        public bool IsOnLeave { get; set; }
    }
}