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 customize the Foreground color for cells in a column based on the cell content from Code behind?

Platform: Xamarin.Forms |
Control: SfDataGrid
Tags: styling

You can achieve your requirement by setting Style to GridColumn.CellStyle as in the below code example

public SfDataGridPage()
{
    InitializeComponent();
    Style style = new Style(typeof(GridCell));
    style.Setters.Add(new Setter() { Property = GridCell.ForegroundProperty, Value = new Binding("Freight", BindingMode.TwoWay, new StyleConverter()) });
    dataGrid.Columns[2].CellStyle = style;
}

 

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

public class StyleConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        double _value = (double)value;
        if (_value >= 500)
            return Color.Green;
        return Color.Red;
    }
    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        return value;
    }
}

 

Screenshot:

customized cells foreground color

 

You can download a working sample for this KB here.

2X faster development

The ultimate Xamarin UI toolkit to boost your development speed.
ADD COMMENT
You must log in to leave a comment

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