Changing the Background and Font Color of the Grouped Column

[Cezar]

How to Change the Background and Font Color of the Grouped Column on SfDataGrid? 

The Default Background Color is Gray and I want to remove the Bold from the Font.

Is that possible?

[Shivagurunathan Kamalakannan]

Hi Cezar,   

   

Thank you for contacting Syncfusion Support.   

   

Your requirement to customize the Caption summary row can be achieved by overriding the OnInitializeDisplayView() method. You can also customize the default background color, text color and font attributes for the caption summary row based on your requirement.   

   

Pease refer the below code snippet.   

   

public partial class MainPage : ContentPage   

{   

               public MainPage()   

               {   

                              InitializeComponent();   

                              dataGrid.CellRenderers.Remove("CaptionSummary");   

                              dataGrid.CellRenderers.Add("CaptionSummary", new CustomGroupRenderer());   

               }                                

}   

public class CustomGroupRenderer : GridCaptionSummaryCellRenderer   

{   

               public CustomGroupRenderer()   

               {   

               }   

               public override void OnInitializeDisplayView(DataColumnBase dataColumn, SfLabel view)   

               {   

                              base.OnInitializeDisplayView(dataColumn, view);   

                              view.FontAttributes = FontAttributes.None;   

                              view.BackgroundColor = Color.Tomato;   

                              view.TextColor = Color.White;   

               }   

}   

   

    

We have prepared a sample based on your requirement and it can be downloaded from the below link.   

Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/SfGridSample-994961284   

 

Please get back to us if you require further assistance from us.  

 

Regards,   

Shivagurunathan