How to set DataGrid s row Background based on a property value using data bindings

Question

In my XAML code  I want to set the Background color of each row  based on a value of the object in one specific row  I have an ObservableCollection of z  and each of the z has a property called State  I started out with something like this in my DataGrid    lt DataGrid RowStyle gt       lt Style TargetType  DataGridRow  gt           lt Setter Property  Background                   Value   Binding z StateId  Converter  StaticResource StateIdToColorConverter     gt        lt  Style gt   lt  DataGrid RowStyle gt    This is a wrong approach because x is not a property in my ViewModel class    In my ViewModel class I have an ObservableCollection lt z gt  which is the ItemsSource of this DataGrid  and a SelectedItem of type z   I could bind the color to SelectedItem  but this will only change one row in the DataGrid   How can I  based on one property change this rows backgroundcolor

User · Answer

In XAML  add and define a RowStyle Property for the DataGrid with a goal to set the Background of the Row  to the Color defined in my Employee Object    lt DataGrid AutoGenerateColumns  False  ItemsSource  EmployeeList  gt      lt DataGrid RowStyle gt           lt Style TargetType  DataGridRow  gt                lt Setter Property  Background  Value   Binding ColorSet    gt           lt  Style gt      lt  DataGrid RowStyle gt    And in my Employee Class  public class Employee        public int Id   get  set        public string Name   get  set        public int Age   get  set         public string ColorSet   get  set         public Employee            public Employee int id  string name  int age                Id   id          Name   name          Age   age          if  Age  gt  50                        ColorSet    Green                     else if  Age  gt  100                        ColorSet    Red                     else                       ColorSet    White                       This way every Row of the DataGrid has the BackGround Color of the ColorSet Property of my Object

User · Answer

The same can be done without DataTrigger too     lt DataGrid RowStyle gt        lt Style TargetType  DataGridRow  gt            lt Setter Property  Background   gt                lt Setter Value gt                    lt Binding Path  State  Converter   StaticResource BooleanToBrushConverter   gt                        lt Binding ConverterParameter gt                            lt x Array Type  SolidColorBrush  gt                                lt SolidColorBrush Color   StaticResource RedColor    gt                                lt SolidColorBrush Color   StaticResource TransparentColor    gt                            lt  x Array gt                        lt  Binding ConverterParameter gt                    lt  Binding gt                lt  Setter Value gt            lt  Setter gt        lt  Style gt    lt  DataGrid RowStyle gt    Where BooleanToBrushConverter is the following class   public class BooleanToBrushConverter   IValueConverter       public object Convert object value  Type targetType  object parameter  CultureInfo culture                if  value    null              return Brushes Transparent           Brush   brushes   parameter as Brush            if  brushes    null              return Brushes Transparent           bool isTrue          bool TryParse value ToString    out isTrue            if  isTrue                        var brush     SolidColorBrush brushes 0               return brush    Brushes Transparent                    else                       var brush    SolidColorBrush brushes 1               return brush    Brushes Transparent                       public object ConvertBack object value  Type targetType  object parameter  CultureInfo culture                throw new NotImplementedException

User · Answer

Use a DataTrigger    lt DataGrid ItemsSource   Binding YourItemsSource   gt       lt DataGrid RowStyle gt           lt Style TargetType  DataGridRow  gt                lt Style Triggers gt                   lt DataTrigger Binding   Binding State   Value  State1  gt                       lt Setter Property  Background  Value  Red  gt  lt  Setter gt                   lt  DataTrigger gt                   lt DataTrigger Binding   Binding State   Value  State2  gt                       lt Setter Property  Background  Value  Green  gt  lt  Setter gt                   lt  DataTrigger gt               lt  Style Triggers gt           lt  Style gt       lt  DataGrid RowStyle gt   lt  DataGrid gt

[wpf] How to set DataGrid's row Background, based on a property value using data bindings

Examples related to wpf

Examples related to xaml

Examples related to wpfdatagrid