DataGridView

[C#] DataGridViewの基本的な使い方と活用法

2025-04-15更新日: 2025-04-15

DataGridViewは、C#のWindows Formsアプリケーションで使用されるコントロールで、表形式でデータを表示・編集するために利用されます。

基本的な使い方としては、フォームにDataGridViewを配置し、データソースを設定することでデータを表示します。

データソースには、データベース、リスト、配列などが使用可能です。

DataGridViewは、列の追加や削除、セルの編集、行の選択、ソート、フィルタリングなどの機能を提供します。

活用法としては、ユーザーがデータを直感的に操作できるインターフェースを提供するために、データの入力フォームやレポート表示、データ分析ツールなどで利用されます。

カスタムセルスタイルやイベントハンドラを用いることで、より高度なインタラクションを実現することも可能です。

目次から探す

DataGridViewの概要
DataGridViewの基本設定
DataGridViewの基本操作
DataGridViewのカスタマイズ
DataGridViewの応用例
まとめ

DataGridViewの概要

DataGridViewは、C#のWindowsフォームアプリケーションにおいて、データを表形式で表示するための強力なコントロールです。

ユーザーは、データの表示、編集、削除、追加などの操作を直感的に行うことができます。

DataGridViewは、データソースと連携することで、データのバインディングが可能であり、データの変更が自動的に反映されるため、効率的なデータ管理が実現します。

また、カスタマイズ性が高く、セルのスタイルやイベントハンドラを利用することで、ユーザーインターフェースを柔軟に調整できます。

これにより、さまざまなアプリケーションにおいて、データの視覚化や操作が容易になります。

DataGridViewの基本設定

DataGridViewの配置方法

DataGridViewをフォームに配置するには、Visual Studioのデザイナーを使用します。

以下の手順で配置できます。

ツールボックスから DataGridView を選択します。
フォーム上にドラッグ＆ドロップします。
サイズや位置を調整します。

これにより、フォームにDataGridViewが追加され、基本的な設定が完了します。

データソースの設定

DataGridViewにデータを表示するためには、データソースを設定する必要があります。

以下のサンプルコードでは、DataTableをデータソースとして設定しています。

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        // DataTableの作成
        DataTable dataTable = new DataTable();
        dataTable.Columns.Add("ID", typeof(int));
        dataTable.Columns.Add("名前", typeof(string));
        // データの追加
        dataTable.Rows.Add(1, "山田太郎");
        dataTable.Rows.Add(2, "佐藤花子");
        // DataGridViewにデータソースを設定
        dataGridView1.DataSource = dataTable;
    }
}

このコードを実行すると、DataGridViewにIDと名前の列が表示され、データがバインディングされます。

列と行の追加と削除

DataGridViewに列や行をプログラムから追加または削除することも可能です。

以下のサンプルコードでは、列と行の追加および削除の方法を示しています。

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        // 列の追加
        dataGridView1.Columns.Add("年齢", "年齢");
        // 行の追加
        dataGridView1.Rows.Add(3, "鈴木一郎", 25);
        // 行の削除
        if (dataGridView1.Rows.Count > 0)
        {
            dataGridView1.Rows.RemoveAt(0); // 最初の行を削除
        }
    }
}

このコードを実行すると、年齢の列が追加され、鈴木一郎のデータが行として追加されます。

また、最初の行が削除されます。

これにより、DataGridViewのデータを動的に管理することができます。

DataGridViewの基本操作

セルの編集

DataGridViewでは、ユーザーがセルの内容を直接編集することができます。

デフォルトでは、セルをダブルクリックすることで編集モードに入ります。

以下のサンプルコードでは、セルの編集を行う際のイベントハンドラを設定しています。

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        // セルの編集を有効にする
        dataGridView1.ReadOnly = false;
        // セルの編集完了時のイベント
        dataGridView1.CellEndEdit += (s, e) =>
        {
            MessageBox.Show("セルが編集されました。");
        };
    }
}

このコードを実行すると、セルを編集した後にメッセージボックスが表示され、編集が完了したことを通知します。

行と列の選択

DataGridViewでは、行や列を選択することができます。

選択モードを設定することで、ユーザーがどのように選択できるかを制御できます。

以下のサンプルコードでは、行の選択を有効にしています。

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        // 行の選択を有効にする
        dataGridView1.SelectionMode = DataGridViewSelectionMode.FullRowSelect;
        // 選択された行の情報を表示
        dataGridView1.SelectionChanged += (s, e) =>
        {
            if (dataGridView1.SelectedRows.Count > 0)
            {
                var selectedRow = dataGridView1.SelectedRows[0];
                MessageBox.Show($"選択された行のID: {selectedRow.Cells["ID"].Value}");
            }
        };
    }
}

このコードを実行すると、行を選択するたびに選択された行のIDが表示されます。

データのソート

DataGridViewでは、列ヘッダーをクリックすることでデータをソートすることができます。

以下のサンプルコードでは、ID列をソート可能に設定しています。

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        // ソートを有効にする
        dataGridView1.Sort(dataGridView1.Columns["ID"], System.ComponentModel.ListSortDirection.Ascending);
    }
}

このコードを実行すると、ID列が昇順にソートされます。

ユーザーが列ヘッダーをクリックすることで、昇順と降順を切り替えることができます。

データのフィルタリング

DataGridViewのデータをフィルタリングすることで、特定の条件に合ったデータのみを表示することができます。

以下のサンプルコードでは、年齢が30歳以上の行をフィルタリングしています。

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        // フィルタリングの例
        DataView dataView = new DataView((DataTable)dataGridView1.DataSource);
        dataView.RowFilter = "年齢 >= 30";
        // フィルタリングされたデータをDataGridViewに設定
        dataGridView1.DataSource = dataView;
    }
}

このコードを実行すると、年齢が30歳以上のデータのみが表示されます。

フィルタリングを利用することで、ユーザーは必要な情報を迅速に見つけることができます。

DataGridViewのカスタマイズ

セルスタイルの変更

DataGridViewでは、セルのスタイルを変更することで、見た目をカスタマイズできます。

以下のサンプルコードでは、特定の列のフォントや背景色を変更しています。

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        // セルスタイルの変更
        dataGridView1.Columns["名前"].DefaultCellStyle.Font = new Font("Arial", 12, FontStyle.Bold);
        dataGridView1.Columns["年齢"].DefaultCellStyle.BackColor = Color.LightYellow;
    }
}

このコードを実行すると、「名前」列のフォントが太字のArialに変更され、「年齢」列の背景色が薄い黄色に設定されます。

これにより、特定の情報を強調することができます。

カスタムセルの作成

DataGridViewでは、カスタムセルを作成することで、独自の機能を持つセルを実装できます。

以下のサンプルコードでは、カスタムボタンセルを作成しています。

public class DataGridViewButtonCell : DataGridViewButtonCell
{
    protected override void OnClick(DataGridViewCellEventArgs e)
    {
        base.OnClick(e);
        MessageBox.Show("カスタムボタンがクリックされました。");
    }
}
partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        // カスタムボタンセルの追加
        dataGridView1.Columns.Add(new DataGridViewButtonColumn()
        {
            CellTemplate = new DataGridViewButtonCell(),
            HeaderText = "アクション",
            Name = "ActionColumn"
        });
    }
}

このコードを実行すると、DataGridViewに「アクション」列が追加され、ボタンが表示されます。

ボタンをクリックすると、メッセージボックスが表示されます。

イベントハンドラの利用

DataGridViewでは、さまざまなイベントを利用して、ユーザーの操作に応じた処理を実行できます。

以下のサンプルコードでは、行が選択されたときに特定の処理を行うイベントハンドラを設定しています。

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        // 行選択時のイベントハンドラ
        dataGridView1.SelectionChanged += (s, e) =>
        {
            if (dataGridView1.SelectedRows.Count > 0)
            {
                var selectedRow = dataGridView1.SelectedRows[0];
                string name = selectedRow.Cells["名前"].Value.ToString();
                MessageBox.Show($"選択された名前: {name}");
            }
        };
    }
}

このコードを実行すると、行を選択するたびに選択された行の名前が表示されます。

イベントハンドラを利用することで、ユーザーの操作に対して柔軟に反応することができます。

DataGridViewの応用例

データ入力フォームの作成

DataGridViewを使用して、データ入力フォームを作成することができます。

ユーザーは、DataGridViewを通じてデータを直接入力し、追加や編集を行うことができます。

以下のサンプルコードでは、ユーザーが新しいデータを追加できるようにしています。

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        // データソースの設定
        DataTable dataTable = new DataTable();
        dataTable.Columns.Add("ID", typeof(int));
        dataTable.Columns.Add("名前", typeof(string));
        dataTable.Columns.Add("年齢", typeof(int));
        dataGridView1.DataSource = dataTable;
        // 新しいデータを追加するボタン
        Button addButton = new Button() { Text = "データ追加" };
        addButton.Click += (s, e) =>
        {
            dataTable.Rows.Add(dataTable.Rows.Count + 1, "新しい名前", 20);
        };
        Controls.Add(addButton);
    }
}

このコードを実行すると、ボタンをクリックすることで新しいデータがDataGridViewに追加されます。

これにより、ユーザーは簡単にデータを入力できます。

レポート表示の実装

DataGridViewを利用して、データのレポート表示を行うことも可能です。

特定の条件に基づいてデータをフィルタリングし、レポート形式で表示することができます。

以下のサンプルコードでは、年齢が30歳以上のデータを表示しています。

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        // データソースの設定
        DataTable dataTable = new DataTable();
        dataTable.Columns.Add("ID", typeof(int));
        dataTable.Columns.Add("名前", typeof(string));
        dataTable.Columns.Add("年齢", typeof(int));
        dataTable.Rows.Add(1, "山田太郎", 35);
        dataTable.Rows.Add(2, "佐藤花子", 28);
        dataGridView1.DataSource = dataTable;
        // 年齢が30歳以上のデータをフィルタリング
        DataView dataView = new DataView(dataTable);
        dataView.RowFilter = "年齢 >= 30";
        dataGridView1.DataSource = dataView;
    }
}

このコードを実行すると、年齢が30歳以上のデータのみが表示され、レポート形式で情報を提供します。

データ分析ツールの構築

DataGridViewを使用して、データ分析ツールを構築することも可能です。

ユーザーはデータを視覚的に分析し、必要な情報を迅速に取得できます。

以下のサンプルコードでは、データの平均年齢を計算し、表示しています。

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        // データソースの設定
        DataTable dataTable = new DataTable();
        dataTable.Columns.Add("ID", typeof(int));
        dataTable.Columns.Add("名前", typeof(string));
        dataTable.Columns.Add("年齢", typeof(int));
        dataTable.Rows.Add(1, "山田太郎", 35);
        dataTable.Rows.Add(2, "佐藤花子", 28);
        dataGridView1.DataSource = dataTable;
        // 平均年齢の計算
        double averageAge = dataTable.AsEnumerable().Average(row => row.Field<int>("年齢"));
        MessageBox.Show($"平均年齢: {averageAge}");
    }
}