Change Color of Grouping on the Data Grid Control

[Basil Buwalda]

Hi

Can you change the Color of the Grouping(drop area) on the Data Grid Control, currently when used, it's purple.

My guess is there will be a change in the e-grid-groupsettings section?

<e-grid-groupsettings showDropArea="true"></e-grid-groupsettings>

Regards

[Thiyagu Subramani]

Hi Basil, 

Thanks for contacting Syncfusion forum. 

Query :  Is there will be a change “Color of Grouping on the Data Grid Control” in the e-grid-groupsettings section? 

 

No, we do not any option to change color of group area using grid groupsettings property. Please refer below link. 

API Link: https://ej2.syncfusion.com/documentation/api/grid/groupSettings/ 

You can achieve the requirement by using below overriding CSS for required classes. 

  <style> 

    .e-grid .e-groupdroparea.e-grouped { 

      background-color: red ; 

    } 

 

    .e-grid .e-groupheadercell { 

      background-color: coral ; 

    } 

  </style> 

 

Screenshot:  

 

 

 

Please get back to us, if you need any further assistance. 

Regards, 

Thiyagu S