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

How to Remove the Grid Header Row


Product Grid for Blazor, TreeList for Blazor


How do I hide the Grid header row?


To hide the header row in a Grid or TreeList, set the CSS property value of the header element k-grid-header display to none.

To avoid affecting all Grid/TreeList components, apply a specific class to the targeted Grid or TreeList and use the class in the selector.

Hide the Grid/TreeList header row

@* Hide the header row of the Grid *@

    .no-headers-grid .k-grid-header {
        display: none;

<TelerikGrid Class="no-headers-grid"
        <GridColumn Field="Id"></GridColumn>
        <GridColumn Field="Name"></GridColumn>

@code {
    List<Employee> Employees { get; set; }

    protected override void OnInitialized()
        Employees = GenerateData();

    private List<Employee> GenerateData()
        List<Employee> data = new List<Employee>();
        for (int i = 0; i < 5; i++)
            data.Add(new Employee { Id = i, Name = $"Name {i}" });
        return data;

    public class Employee
        public int Id { get; set; }
        public string Name { get; set; }
In this article