We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to set background color to a row based on the data associated to the row?

Platform: Xamarin.Android |
Control: SfDataGrid |
Product Version:

Background color of a row can be set based on data associated with the row by customizing the GridCellTextViewRenderer and by overriding OnLayout() method. In the OnLayout() method, you can get the associated row data from the DataColumn property in the view based on which the background color can be customized.


In MainActivity, remove the existing TextViewRenderer from SfDataGrid.CellRenderers dictionary and add the customized renderer(CustomTextViewRenderer).

public class MainActivity : Activity
 private SfDataGrid sfGrid;
 protected override void OnCreate (Bundle bundle)
             base.OnCreate (bundle);
  sfGrid = new SfDataGrid (BaseContext);
                        sfGrid.CellRenderers.Add("TextView", new CustomTextViewRenderer ());
                        sfGrid.ItemsSource = (new OrderInfoRepository ().OrderInfoCollection);



public class CustomTextViewRenderer: GridCellTextViewRenderer
        public CustomGridCell()
        protected override void OnLayout(RowColumnIndex rowColumnIndex, View view, int left, int top, int right, int bottom)
            base.OnLayout(rowColumnIndex, view, left, top, right, bottom);
            var rowData = (view as GridCell).DataColumn.RowData as OrderInfo;
            if (rowData.OrderID > 100 && rowData.CustomerID == "Tim Adams")
                (view.Parent as View).SetBackgroundColor(Color.BlanchedAlmond);




Sample Link: How to set background color to a row based on row data?


2X faster development

The ultimate Xamarin UI toolkit to boost your development speed.
You must log in to leave a comment
Karthik E [Syncfusion]
Apr 29, 2021

Testing - ignore.


Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile