datagridのItemSourceに、3次元のlistデータを渡す方法について

Question

前提・実現したいこと

現在、あるテキストデータを読み取って、WPF上にデータテーブルとして表示しようとしております。

現在の構成

datagridはxamlファイル側で、名前をdgexとして定義しています。

クラスの宣言とリストの宣言

public class ex
{
public string A { get; set; }
public string B { get; set; }
public List<String> C { get; set; }
}
List<ex> exl = new List<ex>();

xmlを読み取り、上記で宣言したex1に受け渡し→datagrid：dgexのItemsSourceに受け渡し

for(i=0;i<N;i++)
{
  a1=xml.a;
  b1=xml.b;
  for(j=0;j<countN;j++)
  {
    cc.Add(xml.c[j]);
  }
exl.Add(new ex {A=a1, B= b1, C=cc});
}
dgex.ItemsSource = exl;

問題点

上記のように宣言すると、A，Bは正しく値が表示されますが、Cの部分が、（コレクション）となってしまいます。
xmlから読み取るcの数が予め決まっていれば、クラスの宣言をListではなく、c1、c2、、、ciといった形で、決まった数だけ宣言してやれば、上手く表示できるのですが、cの数が、読み取るxmlのタイプによって異なるため、上記のような試し方を行いましたが、上手くゆきませんでした。

以下のようなイメージの出力としたいと考えています。

プログラミングに慣れておらず、様々なＨＰ等から、データテーブルの表示方法の流れとして、クラス宣言→リスト宣言→datagridに渡すという流れしか知らないため、今回のような事例に対してはそもそものアプローチが間違っているのかもしれませんが、皆様のお知恵をお借りできれ大変助かります。

宜しくお願いいたします。

補足情報（FW/ツールのバージョンなど）

visual studio 2017

Comments

[hihijiji]

具体的にどのような表示にしたいのか、画像やXAMLなどで提示してください。

[cesolution]

ご連絡ありがとうございます。表示のイメージを画像でアップいたしました。

Answer 1

こんにちは！
リストCを単純に行としたいのであれば平坦化してやれば表示はできます。
もし、平坦化せずに１行にCのリストを表示させたければDataGridのDataGridTemplateColumnを使って
入れ子表示にすることもできますが、とりあえず前者について記載。
XMLの構造が質問内容から読み取れないので参考までに。

このような出力を想定した場合

A	B	C
A1	B1	C1-1
A1	B1	C1-2
A1	B1	C1-3
A1	B2	C2-1
A3	B1	C3-1
A3	B1	C3-2
```C#
public class ex
{
public string A { get; set; }
public string B { get; set; }
public String C { get; set; }
}
List<ex> exl = new List<ex>();
```
```C#
a1=xml.a;
b1=xml.b;
xml.c.select(x => new {A=a1, B= b1, C = x})
```

Comments

[cesolution]

mikupedia様、私の言葉にできなかった部分を汲み取ってご提示いただきましてありがとうございます。
私のやりたいことは「平坦化せずに１行にCのリストを表示させたい」ということになるかと思いますが、ご提案いただきましたDataGridTemplateColumnを勉強して、検討してみたいと思います。素晴らしいご回答をありがとうございました。

[mikupedia]

皮肉のように感じらましたので言い訳すると質問内容が私の回答後に変更されています。
質問内容にある表は私が回答した時点では存在していませんでした。
https://teratail.com/questions/history-questions/176289

[Zuishin]

感心したんですよ。皮肉が混ざっているように感じられたとしたらそれは質問者に対するものです。

[cesolution]

Zuishin様、分かりにくい質問の仕方で申し訳ございませんでした。
mikupedia様、重ね重ね御礼申し上げます。

Answer 2

datagridのItemSourceに、3次元のlistデータを渡す方法について

3次元には違いないですが、動的なカラムの追加・不定個のカラム追加といったほうが通じやすいですね。

上記のように宣言すると、A，Bは正しく値が表示されますが、Cの部分が、（コレクション）となってしまいます。

AutoGenerateColumnsだとそのようになります。
DataGrid.AutoGenerateColumns プロパティ (System.Windows.Controls) | Microsoft Learn

そういう場合は列の自動作成をやめて、下記のようにインデクサでバインドするようにします。

<DataGrid x:Name="dgex" AutoGenerateColumns="False">
  <DataGrid.Columns>
    <DataGridTextColumn Binding="{Binding A}" Header="A" />
    <DataGridTextColumn Binding="{Binding B}" Header="B" />
    <DataGridTextColumn Binding="{Binding C[0]}" Header="C-1" />
  </DataGrid.Columns>
</DataGrid>

ただ最大個数が不明ということだとxamlに書けないので、実行時にC#コードで追加するしかないでしょう。
C#コードでカラムを追加しますが、基本的にはxamlで書くのと似たことなので、そんなに難しくないと思います。

バインドしているので編集も元のリストに反映されますが、値がないセル（Cがnull・個数が足りないところ）は入力しても値が入りません。
編集や行の追加がある場合は、そのあたりの手当てが必要です（回答コードを参照）

<Window
  x:Class="Q176289.MainWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Width="800"
  Height="450"
  ThemeMode="System">
  <DataGrid x:Name="dgex" AutoGenerateColumns="False">
    <DataGrid.Columns>
      <DataGridTextColumn Width="100" Binding="{Binding A}" Header="A" />
      <DataGridTextColumn Width="100" Binding="{Binding B}" Header="B" />
      <!--  C列はC#コードで追加  -->
      <!--<DataGridTextColumn Width="100" Binding="{Binding C[0]}" Header="C-1" />-->
    </DataGrid.Columns>
  </DataGrid>
</Window>

using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;

namespace Q176289;

public class Ex
{
    public string? A { get; set; }
    public string? B { get; set; }
    public List<string?>? C { get; set; }
}

public partial class MainWindow : Window
{
    private List<Ex> exl;
    private int maxCcount;

    public MainWindow()
    {
        InitializeComponent();

        exl = [
            new() { A = "A1", B = "B1",  },
            new() { A = "A2", B = "B2", C = ["C2-1", "C2-2",], },
            new() { A = "A3", B = "B3", C = ["C3-1", "C3-2", "C3-3",], },
        ];

        // 最大のCの個数
        maxCcount = exl.Max(x => x.C?.Count ?? 0);

        // C列カラム作成
        for (var i = 0; i < maxCcount; i++)
        {
            var col = new DataGridTextColumn
            {
                Binding = new Binding($"C[{i}]"),
                Header = $"C-{i + 1}",
                Width = 100,
            };
            dgex.Columns.Add(col);
        }
        dgex.ItemsSource = exl;


        // 編集時の対策（編集しないならいらない）
        foreach (var ex in exl)
        {
            // CがnllだったらmaxCcount個数分のリストを作成
            ex.C ??= new(new string[maxCcount]);
            // 個数が足りなかったら追加
            if (ex.C.Count < maxCcount) ex.C.AddRange(new string[maxCcount - ex.C.Count]);
        }

        // 行の追加時の対策（追加しないならいらない）
        dgex.AddingNewItem += DataGrid_AddingNewItem;
    }

    private void DataGrid_AddingNewItem(object? sender, AddingNewItemEventArgs e)
    {
        // 行の追加時にmaxCcount個数分のリストを用意
        e.NewItem = new Ex { C = new(new string[maxCcount]), };
    }
}

Answer 3

DataTable を使うのが一番手軽かもしれません。

CSVファイルを読み込んでDataGridに表示

なお、リンク先はほとんど読んでいませんので、自分のしたいことと合致しているかどうか、情報が間違っていないかどうかは自分で確かめてみてください。

Comments

[cesolution]

ご提案ありがとうございます。ご紹介いただいたリンクも時間を見て勉強させていただきます。