DataGrid Header Style

[paul stanley]

Please help me style the font font-color font-size of the header cell in the datagrid. I have tried  

  e-grid  e-headercell {

        font-size: 12px;

    }

but this does not work.

[Vignesh Natarajan]

Hi Paul,  

 

Thanks for contacting Syncfusion support.  

 

Query: “Please help me style the font font-color font-size of the header cell in the datagrid” 

 

We understand that you want to customize the Grid header text. Kindy use the below CSS style to change style of the header text 

 

<style> 

    .e-grid .e-headercell .e-headercelldiv { 

        font-size: 5px; 

    } 

</style> 

@code{ 

 

 

Please get back to us if you have further queries.  

 

Regards, 

Vignesh Natarajan  

[Maciej]

Hi

Can I change this at runtime for a selected column?

Greetings

maciej

[Prathap Senthil]

We are quite unclear about your exact requirement. So kindly share the following details.

1. Do you want to click on the column header during runtime to change the style for the entire column header?

2. Or do you want to click on a particular column header during runtime to change the style?

3. Share more details about your Requirement.

The above details will be very helpful for us to validate the reported query further at our end and provide the solution as early as possible.