Datagrid Cell Format

Question

Can somebody please help me out (In WPF for absolute DUMMIES fashion) how I can achieve the following:
I have a DataGrid that I add market data to under the following column Headings:
Updated, Volume, Price
I want to format the volume cell whenever the volume value in that cell is 1) between certain values and 2) Greater than a certain value (Similar to conditional formatting of cells in Excel).
I have tried this:
<DataGridTextColumn.ElementStyle>
                        <Style TargetType="{x:Type TextBlock}">
                            <Style.Triggers>
                                <Trigger Property="Text" Value="10">
                                    <Setter Property="Background" Value="LightGreen"/>
                                </Trigger>
                            </Style.Triggers>
                        </Style>
                    </DataGridTextColumn.ElementStyle>
                </DataGridTextColumn>
But the problem is I need to use 'BETWEEN' and 'GREATER THAN', and as you can see, the Value is '=10'
I have gone through many solutions people have posted using IValueConverter
but I keep getting errors that I can't seem to resolve. Can someone please provide a walkthrough, or a link to a walkthrough in REAL MONKEY STUPID SIMPLE fashion for someone trying to learn WPF. Thank you!

Answer 1

There is no >= operator not <= operator available in XAML so you need to use a converter here.
1. Create a class that implements the IValueConverter. The Convert method should return true or false:
using System;
using System.Windows.Data;
namespace WpfApplication22
class MyConverter : IValueConverter
public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) {
decimal d = System.Convert.ToDecimal(value);
return d >= 10;
public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) {
throw new NotImplementedException();
2. Use a DataTrigger in the style that sets the background to some colour if the converter returns true/false:
<DataGrid
xmlns:local="clr-namespace:WpfApplication22" ... >
<DataGrid.Resources>
<local:MyConverter x:Key="conv"/>
</DataGrid.Resources>
<DataGrid.Columns>
<DataGridTextColumn Binding="{Binding Price}">
<DataGridTextColumn.ElementStyle>
<Style TargetType="{x:Type TextBlock}">
<Setter Property="Background" Value="LightGreen"/>
<Style.Triggers>
<DataTrigger Binding="{Binding Path=Price, Converter={StaticResource conv}}" Value="False">
<Setter Property="Background" Value="Red"/>
</DataTrigger>
</Style.Triggers>
</Style>
</DataGridTextColumn.ElementStyle>
</DataGridTextColumn>
</DataGrid.Columns>
</DataGrid>
In the code sample above, the DataGridTextColumn is bound to a source property named "Price" that is of type decimal. You must change the name of the property and the type of d in the Convert method if you are using another name/type.
The Background is set to Red or LightGreen depending on whether the value of the Price source property >= 10.
Please refer to the following links for more information about converters:
https://msdn.microsoft.com/en-us/library/system.windows.data.ivalueconverter(v=vs.110).aspx
http://www.wpf-tutorial.com/data-binding/value-conversion-with-ivalueconverter/
Hope that helps.
Please remember to close your threads by marking helpful posts as answer and please start a new thread if you have a new question.