如何设置WPF datagrid的单元格颜色？

[Stevenzhu18]

Hi,小弟在开发一个WPF软件，其中有一个datagrid，这个datagrid的数据源是绑定datatable，datatable的数据是从数据来的。

datagrid显示表格里面，有一列是实际测试值，另一列是标准值，现在是对比实测值和标准值，如果在标准内就黑色，如果不在标准内就红色，比如达到下图的效果：



谢谢

[groveer]

datatable新增一列bool型，后台判断 在标准内为true 否则为false 然后自定义个转换器转换成brush xaml中Foreground绑定这一列就行

[exception92]

Converter: https://q.cnblogs.com/q/80989/

[only_youlix]

要么写个转换器，要么数据源绑定成List<model>,里面加个brush属性 在get里面 判断一下 返回对应的颜色，界面直接绑定 ,我一直用的list，很少直接帮datatable

[E次奥]

根据你的需求，给模板设置DataTrigger，根据不同类型的值显示不同字体颜色；

[RunnerDNA]

实现效果：


数据源里设一个只读属性用来改变字体颜色：

public class DataGridItem
    {
        public DataGridItem(int test, int standard)
        {
            _test = test;
            _standard = standard;
        }

        private int _test;
        private int _standard;

        public int Test
        {
            get
            {
                return _test;
            }

            set
            {
                _test = value;
            }
        }

        public int Standard
        {
            get
            {
                return _standard;
            }

            set
            {
                _standard = value;

            }
        }

        public Brush SetColor
        {
            get
            {
                if (_test >= _standard)
                    return Brushes.Red;
                else
                    return Brushes.Black;
            }
        }
    }

窗体代码：
<Window x:Class="DataGridDemo.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:DataGridDemo"
mc:Ignorable="d" SizeToContent="Height"
Title="MainWindow" Width="500" Loaded="Window_Loaded">
<Window.Resources>
<Style TargetType="DataGridColumnHeader">
<Setter Property="SnapsToDevicePixels" Value="True" />
<Setter Property="Width" Value="100" />
<Setter Property="Height" Value="26" />
<Setter Property="FontWeight" Value="Normal"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="DataGridColumnHeader">
<Border x:Name="BackgroundBorder" Width="Auto" Background="Yellow">
<Grid >
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<ContentPresenter Margin="0,0,0,0" VerticalAlignment="Center" HorizontalAlignment="Center"/>
</Grid>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<Style TargetType="{x:Type DataGridRow}">
<Setter Property="Background" Value="White" />
<Setter Property="Height" Value="20"/>
<Setter Property="VerticalAlignment" Value="Center"/>
<Setter Property="VerticalContentAlignment" Value="Center"/>
<Setter Property="HorizontalAlignment" Value="Center"/>
<Setter Property="HorizontalContentAlignment" Value="Center"/>
<Style.Triggers>
<Trigger Property="IsSelected" Value="True">
<Setter Property="Background" Value="White" />
</Trigger>
</Style.Triggers>
</Style>
<Style TargetType="{x:Type DataGridCell}">
<Setter Property="HorizontalAlignment" Value="Center"/>
<Setter Property="HorizontalContentAlignment" Value="Center"/>
<Style.Triggers>
<Trigger Property="IsSelected" Value="True">
<Setter Property="Background" Value="White" />
<Setter Property="BorderBrush" Value="Transparent" />
</Trigger>
</Style.Triggers>
</Style>
</Window.Resources>
<Grid Margin="20">
<DataGrid Name="datagrid" IsReadOnly="True" Width="200" Height="auto" Background="White" BorderBrush="Gray" HeadersVisibility="Column"
AutoGenerateColumns="False" CanUserAddRows="False" HorizontalContentAlignment="Center" VerticalContentAlignment="Center"
ScrollViewer.CanContentScroll="False" ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollBarVisibility="Disabled">
<DataGrid.Columns>
<DataGridTemplateColumn Width="100" Header="实测" >
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<TextBlock Text="{Binding Path=Test}" Foreground="{Binding Path=SetColor}" HorizontalAlignment="Center" VerticalAlignment="Center"></TextBlock>
</DataTemplate>
</DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>
<DataGridTemplateColumn Width="100" Header="标准" >
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<TextBlock Text="{Binding Path=Standard}" HorizontalAlignment="Center" VerticalAlignment="Center"></TextBlock>
</DataTemplate>
</DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>
</DataGrid.Columns>
</DataGrid>
</Grid>
</Window>

数据加载：

private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            ObservableCollection<DataGridItem> itemList = new ObservableCollection<DataGridItem>();
            itemList.Add(new DataGridItem(95, 96));
            itemList.Add(new DataGridItem(96, 93));
            itemList.Add(new DataGridItem(92, 96));
            itemList.Add(new DataGridItem(94, 96));
            itemList.Add(new DataGridItem(95, 91));
            this.datagrid.ItemsSource = itemList;
        }

[RunnerDNA]

把DataGridCell模板样式里的水平样式设置去掉，就是你要的效果：