WPF MySQL : DataGridのセルの背景を赤くしたい

ySQLから取得したデータで、valueが13以上のセルの背景を赤にしたいのですが、どうすればよいかわかりません。解決方法を教えていただきたく、よろしくお願いいたします。

現状は以下のような実装をしております。

MySQL テーブル

MySQL
1mysql> select * from test_table;
2+------+-------+
3| id   | value |
4+------+-------+
5|    1 |     2 |
6|    2 |     3 |
7|    3 |     4 |
8+------+-------+

Test.xaml.cs

c#
1InitializeComponent();
2
3string sLogin = "server=localhost; database = database; userid=id; password=pass;";
4MySqlConnection conn = new MySqlConnection(sLogin);
5
6conn.Open();
7
8MySqlCommand cmd = new MySqlCommand("select * from test_table;", conn);
9MySqlDataReader rdr = cmd.ExecuteReader();
10
11DataTable table = new DataTable();
12table.Columns.Add("id");
13table.Columns.Add("value");
14
15while (rdr.Read())
16{
17    var row = table.NewRow();
18    row[0] = rdr[0];
19    row[1] = rdr[1];
20    table.Rows.Add(row);
21}
22DataContext = table;
23conn.Close();

Test.xaml

xaml
1<Page …省略…>
2    <Grid>
3        <DataGrid ItemsSource="{Binding}" />
4    </Grid>
5</Page>

現在表はこの画像のように表示されています。

それをこの画像のように、valueが13以上のセルの背景を赤くしたいです。

よろしくお願いいたします。

行動規範の内容に同意します

回答1件

セルの背景色を変更したい、といった要望がある場合、DataGridの自動列生成機能は使えないので、`AutoGenerateColumns="False"｀と指定します。
その上で、Binding対象に背景色の列を用意しておき、それにBindingします。
SQLは今回の問題には関係ないので、抜いてあります。

xaml
1<DataGrid AutoGenerateColumns="False" ItemsSource="{Binding Binding}">
2         <DataGrid.Columns>
3            <DataGridTextColumn Binding="{Binding id, Mode=OneWay}" />
4            <DataGridTemplateColumn>
5               <DataGridTemplateColumn.CellTemplate>
6                  <DataTemplate>
7                     <TextBox Background="{Binding color}" Text="{Binding value, Mode=OneWay}" />
8                  </DataTemplate>
9               </DataGridTemplateColumn.CellTemplate>
10            </DataGridTemplateColumn>
11         </DataGrid.Columns>
12      </DataGrid>

csharp
1private static DataTable CreateTable()
2{
3    var table = new DataTable();
4    table.Columns.Add("id");
5    table.Columns.Add("value");
6    table.Columns.Add("color");
7
8    for (int i = 0; i < 3; i++)
9    {
10        var row = table.NewRow();
11        row[0] = i;
12        int value = i * 10;
13        row[1] = value;
14        row[2] = value > 13 ? Colors.Red : Colors.Transparent;
15
16        table.Rows.Add(row);
17    }
18    return table;
19}