「東雲 忠太郎」の平凡な日常のできごと

「東雲 忠太郎」の平凡な日常のできごと

2024.07.20
XML
カテゴリ: WPFC#.NET


C#のWPFアプリケーションで`DataTable`のデータを表示する方法の一つは、`DataGrid`を使用することです。以下は、WPFアプリケーションで`DataTable`を`DataGrid`にバインドして表示する簡単なサンプルコードです。


### 1. プロジェクトの作成

まず、新しいWPFアプリケーションプロジェクトをVisual Studioで作成します。


### 2. XAMLファイルの編集

`MainWindow.xaml`を編集して、`DataGrid`を配置します。


```xml

<Window x:Class="WpfApp.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="DataTable Example" Height="350" Width="525">

    <Grid>

        <DataGrid x:Name="dataGrid" AutoGenerateColumns="True" />

    </Grid>

</Window>

```


### 3. Code-Behindの編集

`MainWindow.xaml.cs`を編集して、`DataTable`を作成し、`DataGrid`にバインドします。


```csharp

using System.Data;

using System.Windows;


namespace WpfApp

{

    public partial class MainWindow : Window

    {

        public MainWindow()

        {

            InitializeComponent();

            LoadData();

        }


        private void LoadData()

        {

            // DataTableの作成

            DataTable dataTable = new DataTable();


            // 列の追加

            dataTable.Columns.Add("ID", typeof(int));

            dataTable.Columns.Add("Name", typeof(string));

            dataTable.Columns.Add("Age", typeof(int));


            // 行の追加

            dataTable.Rows.Add(1, "Alice", 25);

            dataTable.Rows.Add(2, "Bob", 30);

            dataTable.Rows.Add(3, "Charlie", 35);


            // DataGridにDataTableをバインド

            dataGrid.ItemsSource = dataTable.DefaultView;

        }

    }

}

```


このコードでは、`DataTable`を作成してデータを追加し、その`DataTable`を`DataGrid`にバインドしています。`AutoGenerateColumns`プロパティを`True`に設定することで、`DataGrid`が`DataTable`の列に基づいて自動的に列を生成します。


このサンプルコードを実行すると、`DataGrid`に`DataTable`のデータが表示されます。






お気に入りの記事を「いいね!」で応援しよう

Last updated  2024.07.20 12:17:24


【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

© Rakuten Group, Inc.
X
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: