Articles in this section
Category / Section

How to apply multiple selection colors in SfDataGrid?

1 min read

SfDataGrid provides support to select one or more rows either programmatically or by touch interactions. By default SfDataGrid applies a common background color for the selected rows based on the current theme. However if your requirement is to have multiple selection colors when touching the rows, then SfDataGrid allows you to achieve this by writing a custom SelectionController derived from GridSelectionController and assigning it to the SfDataGrid.SelectionController property. You can override the GetSelectionColor () method to apply different colors for selection in runtime based on your requirement.

Refer the following code example to set different colors as row background for multiple selection in SfDataGrid.


dataGrid.SelectionController = new CustomSelectionController(dataGrid);
dataGrid.SelectionMode = SelectionMode.Multiple;



public class CustomSelectionController : GridSelectionController
   public UIColor[] SelectionColors { get; set; }
   public CustomSelectionController(SfDataGrid dataGrid)
      this.DataGrid = dataGrid;
      SelectionColors = new UIColor[11] 
   //code to set multipe selection colors
   public override UIColor GetSelectionColor(int rowIndex, object rowData)
      if (SelectionColors != null && rowIndex != -1)
                   return SelectionColors[rowIndex % 11];
                   return UIColor.Blue;


The following screenshot shows the final outcome upon execution of the above code

The working sample for this KB is available in the following link.

Did you find this information helpful?
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment