Header in Angular Grid component

6 Sep 20221 minute to read

Customizing the Grid header

Use the below CSS to customize the Grid header root element. Using this, you can override the thin line between header and content of the grid.

.e-grid .e-gridheader {
    border:2px solid green
}

Customizing the Grid header cell

You can customize the Grid header cell elements using this CSS.

.e-grid .e-headercell {
   color: darkblue;
}

Customizing the Grid header cell div element

Use the below CSS to customize the Grid header cell div element. Using this CSS, you can customize the header text content.

.e-grid .e-headercelldiv {
   font-size: 15px;
}