Search results

Header in JavaScript (ES5) Grid control

29 Sep 2022 / 1 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.

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

Customizing the Grid header cell

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

Copied to clipboard
.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.

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