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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to customize the Foreground color for cells in a column based on the cell content?

SfDataGrid displays all the text values in GridCells with a default Foreground color of RGB values 51. However SfDataGrid allows you to customize the Foreground color of the GridCells for the entire view and also to some specific cells based on conditions. 

To change the Foreground color of the GridCells for the entire view, you can use the SfDataGrid.GridStyle property and set the custom style to change the foreground color. For more details please refer our user documentation in the below link.

http://help.syncfusion.com/xamarin/sfdatagrid/styles

In case, if your requirement is to change the foreground color based on the cell value, then you can achieve this by using the CellStyle property in the GridColumn. You can write converters for the style properties based on your requirements.

Refer the below code example in which foreground color of the StudentsMarks column is customized based on conditions written in the converter.

 

Refer the below code example for writing a converter to customize the cell foreground based on conditions.

 

Refer the following screenshot for the final outcome

For more details about applying conditional styles for a column in SfDataGrid, please refer the below user documentation link.

http://help.syncfusion.com/xamarin/sfdatagrid/conditional-styles-forms

 

You can download the working sample for this KB from the below link.

http://www.syncfusion.com/downloads/support/directtrac/general/ze/Conditional_Styling579879886

Article ID: Published Date: Last Revised Date: Platform: Control:
6061 01/22/2016 12/15/2016 Xamarin.Forms SfDataGrid
Tags:
Did you find this information helpful?
Comments
Will Ngo Nov 25, 2016
http://help.syncfusion.com/xamarin/sfdatagrid/conditional-styles-forms
gose to page not found.
Reply
Miroslav Nemec May 17, 2017
I created my grid dynamically and I need change background color from code behind on click action of button. Is it possible....?
Reply
Add Comment
You must log in to leave a comment

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