DataGridに複数のcsvファイルを並べる

Question

前提・実現したいこと

csvファイルをDataGridに下記の様に表示したいです。
各csvファイルは1列目（AAAなど）が共通、2列目（1, 2など）が異なります。
1ファイル目から1列目と2列目、2ファイル目以降は2列目のみを表示し、一覧表示したいです。
（この質問ではファイル・コード共に簡略化しており、実際に扱いたいファイルは1列目が10数文字以上、数十行となります）

Param_001.csv	Param_002.csv	Param_003.csv	Param_004.csv	Param_005.csv
AAA,1	AAA,2	AAA,3	AAA,4	AAA,5
BBB,11	BBB,22	BBB,33	BBB,44	BBB,55
CCC,1.1	CCC,2.2	CCC,3.3	CCC,4.4	CCC,5.5
DDD,11.1	DDD,22.2	DDD,33.3	DDD,44.4	DDD,55.5

↓

||001|002|003|004|005|
|:--:|:--:|:--:|:--:|:--:|
|AAA|1|2|3|4|5|
|BBB|11|22|33|44|55|
|CCC|1.1|2.2|3.3|4.4|5.5|
|DDD|11.1|22.2|33.3|44.4|55.5|

発生している問題・エラーメッセージ

下記のコードでは、次のように同じ列になってしまいます。
Listの要素に次のファイルの読み込み内容を付け足していきたいのですが、上手くいきません。

|||||
|:--|:--:|:--:|
|AAA|1|||
|BBB|11|||
|CCC|1.1|||
|DDD|11.1|||
|AAA|2|||
|BBB|22|||
|CCC|2.2|||
|DDD|22.2|||
|///|///|||

該当のソースコード

<Window x:Class="WpfApp3.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:WpfApp3"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>

        <DataGrid x:Name="DataGrid_CSV"
                  AutoGenerateColumns="False" >
            <DataGrid.Columns>
                <DataGridTextColumn Header="Param"
                                    Binding="{Binding [0]}" />
                <DataGridTextColumn Header="Val_001"
                                    Binding="{Binding [1]}" />
                <DataGridTextColumn Header="Val_002"
                                    Binding="{Binding [2]}" />
                <DataGridTextColumn Header="Val_003"
                                    Binding="{Binding [3]}" />
                <DataGridTextColumn Header="Val_004"
                                    Binding="{Binding [4]}" />
                <DataGridTextColumn Header="Val_005"
                                    Binding="{Binding [5]}" />
            </DataGrid.Columns>
        </DataGrid>
    </Grid>
</Window>

using System;
using System.Collections.Generic;
using System.IO;
using System.Text;
using System.Windows;

namespace WpfApp3
{
    /// <summary>
    /// MainWindow.xaml の相互作用ロジック
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            // ファイル情報を格納するリスト
            List<string[]> list_file= new List<string[]>();

            // ファイル1～5の内容を取得する
            for (int i = 1; i <= 5; i++)
            {
                string path_read = @"Param_" + i.ToString("000") + ".csv";
                FileRead2(path_read, list_file);
            }

            // DataGridにリストの内容を表示する
            DataGrid_CSV.ItemsSource = list_file;
        }


        // ファイル読み込みメソッド
        public void FileRead2(string path_read, List<string[]> list_file)
        {
            try
            {
                // エンコードを指定して、csvファイルを開く
                using (var sr = new StreamReader(path_read, Encoding.GetEncoding("shift_jis")))
                {

                    // ストリームの末尾まで繰り返す
                    while (!sr.EndOfStream)
                    {
                        // CSVファイルの一行を読み込む
                        string line = sr.ReadLine();
                        // 読み込んだ一行をカンマ毎に分けて配列に格納する
                        string[] csv_array = line.Split(',');

                        // 配列からリストに格納する
                        list_file.Add(csv_array);
                    }
                }
            }
            catch (Exception e)
            {
                // ファイルを開くのに失敗したとき
                //MessageBox.Show(e.Message);
            }
        }

    }
}

試したこと

・2列目のみを取得　してみる
List<string[]> list_file= new List<string[]>(); と list_file.Add(csv_array);　を
List<string> list_file= new List<string>(); と list_file.Add(csv_array[1]);　に変更して、
2列目を取得しようとしたが、DataGridに表示すると行と列が逆になった。

AAA	BBB	CCC	DDD

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

VisualStudio2019

前回
https://teratail.com/questions/241547

Comments

[YAmaGNZ]

各CSVのAAA、BBB、CCC～の並びは同じなのですか？

[退会済みユーザー]

質問にある表ではファイルの数は 3 つ、コードでは 5 つのように見えますが、実際どうなってます？

[kkg_No_05]

説明不足で済みません。
各csvファイルは1列目が同じで、2列目の数字がそれぞれ異なる形式になります。
それらを一覧表示したいのです。

Answer 1

DataGridは、行をひとつの塊として追加していく作りです（有償のものですと行列を簡単に入れ替えられるものがあるようです）

ですので、

	AAA	BBB	CCC	DDD
001	1	11	1.1	11.1
002	2	22	2.2	22.2
003	3	33	3.3	33.3

のような形でよければ簡単です（DataGrid_CSV1・NewMethod1 無駄に凝ってしまったので、あんまり簡単に見えませんが^^;

---

方向にこだわる場合は、List<List<string>>にして列を追加していく感じがいいんじゃないでしょうか（DataGrid_CSV2・NewMethod2）

<Window
  x:Class="Questions241581.MainWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Width="800"
  Height="450">
  <Grid>
    <Grid.RowDefinitions>
      <RowDefinition />
      <RowDefinition />
    </Grid.RowDefinitions>
    <DataGrid
      x:Name="DataGrid_CSV1"
      AutoGenerateColumns="False"
      HeadersVisibility="All">
      <!--  行ヘッダーにしてみた  -->
      <DataGrid.RowHeaderStyle>
        <Style TargetType="{x:Type DataGridRowHeader}">
          <Setter Property="Content" Value="{Binding [0]}" />
        </Style>
      </DataGrid.RowHeaderStyle>
      <DataGrid.Columns>
        <!--<DataGridTextColumn Binding="{Binding [0]}" Header="Param" />-->
        <DataGridTextColumn Binding="{Binding [1]}" />
        <DataGridTextColumn Binding="{Binding [2]}" />
        <DataGridTextColumn Binding="{Binding [3]}" />
        <DataGridTextColumn Binding="{Binding [4]}" />
        <!--<DataGridTextColumn Binding="{Binding [5]}" />-->
      </DataGrid.Columns>
    </DataGrid>

    <DataGrid
      x:Name="DataGrid_CSV2"
      Grid.Row="1"
      AutoGenerateColumns="False"
      HeadersVisibility="All">
      <!--  行ヘッダーにしてみた  -->
      <DataGrid.RowHeaderStyle>
        <Style TargetType="{x:Type DataGridRowHeader}">
          <Setter Property="Content" Value="{Binding [0]}" />
        </Style>
      </DataGrid.RowHeaderStyle>
      <DataGrid.Columns>
        <!--<DataGridTextColumn Binding="{Binding [0]}" Header="Param" />-->
        <DataGridTextColumn Binding="{Binding [1]}" Header="Val_001" />
        <DataGridTextColumn Binding="{Binding [2]}" Header="Val_002" />
        <DataGridTextColumn Binding="{Binding [3]}" Header="Val_003" />
        <DataGridTextColumn Binding="{Binding [4]}" Header="Val_004" />
        <DataGridTextColumn Binding="{Binding [5]}" Header="Val_005" />
      </DataGrid.Columns>
    </DataGrid>
  </Grid>
</Window>

using System;
using System.Collections.Generic;
using System.Data;
using System.IO;
using System.Linq;
using System.Text;
using System.Windows;

namespace Questions241581
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            NewMethod1();
            NewMethod2();
        }

        private void NewMethod1()
        {
            List<string[]> all_data = new List<string[]>();

            for(int i = 1; i <= 5; i++)
            {
                string path_read = @"Param_" + i.ToString("000") + ".csv";

                List<string[]> list_file = new List<string[]>();

                // 行ヘッダーになる部分（"Val001"）を先に追加しておく *1
                list_file.Add(new string[] { "", @"Val" + i.ToString("000") });
                FileRead(path_read, list_file);

                // 最初のファイルの時は"AAA"部分を列ヘッダーに設定する
                if(i == 1)
                {
                    // list_fileから0番目の要素（"AAA"等）を集めて配列にする
                    // *1で""が入ってしまっているのでいっこ飛ばす（Skip(1)）
                    string[] names = list_file.Skip(1).Select(x => x[0]).ToArray();
                    for(int j = 0; j < names.Length; j++)
                    {
                        // 列ヘッダーはcsvを読むまで決まらないのでここで設定する
                        DataGrid_CSV1.Columns[j].Header = names[j];
                    }
                }

                // list_fileから1番目の要素（"1"等）を集めて配列にする
                // *1のおかげで先頭は"Val001"等になっている
                string[] values = list_file.Select(x => x[1]).ToArray();
                all_data.Add(values);
            }

            DataGrid_CSV1.ItemsSource = all_data;
        }

        private void NewMethod2()
        {
            // List<string>のList 
            // 列を追加していきたいので配列ではなくリストに
            // 列数がわかっているので配列でもいいのだが、Listのほうがわかりやすそう
            List<List<string>> all_data = new List<List<string>>();

            for(int i = 1; i <= 5; i++)
            {
                string path_read = @"Param_" + i.ToString("000") + ".csv";

                List<string[]> list_file = new List<string[]>();
                FileRead(path_read, list_file);

                // 最初のファイルの時は内側のList（1行分のデータ）を作成する
                if(i == 1)
                {
                    for(int j = 0; j < list_file.Count; j++)
                    {
                        // 内側のListを作成する
                        List<string> row_data = new List<string>();

                        // j行目の0番目 "AAA"等 を内側のListに追加する
                        row_data.Add(list_file[j][0]);

                        // 外側のListに内側のListを追加する
                        all_data.Add(row_data);
                    }
                }

                // 作成済みの内側のListに各数字を追加していく
                for(int j = 0; j < list_file.Count; j++)
                {
                    // j行目の1番目 "1"等 を内側のListに追加する
                    all_data[j].Add(list_file[j][1]);
                }
            }

            DataGrid_CSV2.ItemsSource = all_data;
        }

        public void FileRead(string path_read, List<string[]> list_file)
        {
            try
            {
                using(var sr = new StreamReader(path_read, Encoding.GetEncoding("shift_jis")))
                {
                    while(!sr.EndOfStream)
                    {
                        string line = sr.ReadLine();
                        string[] csv_array = line.Split(',');
                        list_file.Add(csv_array);
                    }
                }
            }
            catch(Exception e) { }
        }
    }
}

AAA,BBB,CCC,DDDは各ファイルに同じ順にあるとする。
各ファイルは同じ行数で、各行には一つ以上のカンマがあるとする。

---

追記
値の編集をする場合DataTableを使ったほうがお手軽かもしれません。

<Window
  x:Class="Questions241581.MainWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Width="800"
  Height="450">
  <Grid>
    <Grid.RowDefinitions>
      <RowDefinition />
      <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>
    <DataGrid x:Name="DataGrid_CSV" />
    <Button
      Grid.Row="1"
      Click="Button_Click"
      Content="Save" />
  </Grid>
</Window>

using System;
using System.Collections.Generic;
using System.Data;
using System.IO;
using System.Linq;
using System.Text;
using System.Windows;

namespace Questions241581
{
    public partial class MainWindow : Window
    {
        private DataTable table;

        public MainWindow()
        {
            InitializeComponent();

            table = new DataTable();
            table.Columns.Add("Param");
            table.Columns.Add("Val__001");
            table.Columns.Add("Val__002");
            table.Columns.Add("Val__003");
            table.Columns.Add("Val__004");
            table.Columns.Add("Val__005");

            for(int i = 1; i <= 5; i++)
            {
                string path_read = @"Param_" + i.ToString("000") + ".csv";

                List<string[]> list_file = new List<string[]>();
                FileRead(path_read, list_file);

                // 最初のファイルの時はDataRow（1行分のデータ）を作成する
                if(i == 1)
                {
                    for(int j = 0; j < list_file.Count; j++)
                    {
                        DataRow row = table.NewRow();

                        // j行目の0番目 "AAA"等 をDataRowに追加する
                        row[0] = list_file[j][0];
                        table.Rows.Add(row);
                    }
                }

                // 作成済みのDataRowに各数字を追加していく
                for(int j = 0; j < list_file.Count; j++)
                {
                    table.Rows[j][i] = list_file[j][1];
                }
            }

            DataGrid_CSV.ItemsSource = table.DefaultView;
        }
        private void Button_Click(object sender, RoutedEventArgs e)
        {
            for(int i = 1; i <= 5; i++)
            {
                string path_write = @"new_Param_" + i.ToString("000") + ".csv";

                // 名前と値のペアのリストを作る
                var list_file = table.AsEnumerable()
                                     .Select(x => new object[] { x[0], x[i] })
                                     .ToList();

                FileWrite(path_write, list_file);
            }
        }

        public void FileRead(string path_read, List<string[]> list_file)
        {
            try
            {
                using(var sr = new StreamReader(path_read, Encoding.GetEncoding("shift_jis")))
                {
                    while(!sr.EndOfStream)
                    {
                        string line = sr.ReadLine();
                        string[] csv_array = line.Split(',');
                        list_file.Add(csv_array);
                    }
                }
            }
            catch(Exception e) { }
        }

        public void FileWrite(string path_write, List<object[]> list_file)
        {
            using(var sw = new StreamWriter(path_write, false, Encoding.GetEncoding("shift_jis")))
            {
                foreach(object[] csv_array in list_file)
                {
                    sw.WriteLine(string.Join(",", csv_array));
                }
            }
        }
    }
}

Comments

[kkg_No_05]

ご回答ありがとうございます。
表示の方向は質問に書いた形にしたいのです。というのも、質問のためにファイル・コード共に簡略化しており、実際に扱いたいファイルの1列目は10数文字、項目数も数十個となるため、ご回答いただいた方向だと非常に見づらくなってしまうのです。
List<List<string>>を試みていますが、上手くいっておりません。

[TN8001]

NewMethod2のほうですね？
どのようにうまくいかないか、説明していただけますか？

[kkg_No_05]

NewMethod2の方を試していましたが、VisualStudioを再起動したら無事動きました。

NewMethod1の方ですが、
<!--<DataGridTextColumn Binding="{Binding [5]}" />-->
がコメントアウトされていたため、
DataGrid_CSV1.Columns[j].Header = names[j];
でインデックス範囲エラーが発生しました。
コメント解除で無事動きました。

ありがとうございました。

[kkg_No_05]

値の編集・保存まで、先回りされてしまいました。(笑)
ありがとうございます。