It is possible to change the background color of the grid header and text?

[Giovanni Cuadra]

Hello everyone,

Is it possible to change the background color of the grid headers as well as the text color?

Thanks,

[Sivaraman Sivagurunathan]

Hi Giovanni Cuadra, 

 

Thanks for contacting Syncfusion Support. 

 

We have checked your query. You can set the background and Text color for the header using GridColumn.HeaderTemplate property. 

 

The below code example illustrates how to set the Header Template. 

 

 

<syncfusion:GridTextColumn  MappingName="OrderID"> 

    <syncfusion:GridTextColumn.HeaderTemplate> 

      <DataTemplate> 

          <Label Text="Order ID" FontAttributes="Bold" TextColor="Blue" BackgroundColor="Gray" YAlign="Center" XAlign="Center"  /> 

      </DataTemplate> 

  </syncfusion:GridTextColumn.HeaderTemplate> 

</syncfusion:GridTextColumn> 

 

                                 

We have prepared sample based on your requirement and attached the sample for your reference.you can download the same from the below link. 

 

Sample Link: http://www.syncfusion.com/downloads/support/forum/130824/HEADER~11006211947.ZIP 

 

And we have published KB for this. Please refer the KB also. 

 

KB Link: https://www.syncfusion.com/kb/7421/how-to-set-different-background-color-for-each-column-header-in-sfdatagrid 

 

Regards, 

Sivaraman 

 

[Giovanni Cuadra]

Thanks,

[Sivaraman Sivagurunathan]

Hi Giovanni Cuadra, 

 

Thanks for the update.

Please let us know if you require further assistance on this. 

 

Regards, 

Sivaraman