C#のDataGridの罫線と背景色を変えてみた

WPFのDataGridですが、プロパティがたくさんありますね。行の背景色を互い違いに変えてみました。

目次

  1. 関連するプロパティ
  2. 試してみた

関連するプロパティ

DataGridクラスで、関連するプロパティは下記です。

プロパティ

型

規定値

内容

AlternatingRowBackground

Brush

null

n行毎の行の背景色を設定します。nはAlternationCountプロパティで設定します。

AlternationCount

Int32

2

背景色を変更する行の間隔を指定します。

GridLinesVisibility

DataGridGridLinesVisibility列挙体

All

罫線の有無を設定します。

HorizontalGridLinesBrush

Brush

Black

横罫線の色を設定します。

VerticalGridLinesBrush

Brush

Black

縦罫線の色を設定します。

試してみた

DataGridに3行毎に背景色を設定し、罫線を縦だけにしてみました。

<Window x:Class="datagrid_trial.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:datagrid_trial"
        mc:Ignorable="d"
        Title="MainWindow" Height="200" Width="200">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition Width="80" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="50" />
            <RowDefinition Height="50" />
            <RowDefinition Height="50" />
            <RowDefinition />
        </Grid.RowDefinitions>
        <DataGrid Name="datagrid" ItemsSource="{Binding}" Grid.Column="0" Grid.Row="0" Grid.RowSpan="4"
                  AlternationCount="2"
                  AlternatingRowBackground="AliceBlue"
                  GridLinesVisibility="Vertical"
                  VerticalGridLinesBrush="LightGray"/>
        <Button Name="buttonPoem" Content="短歌" Grid.Column="1" Grid.Row="0" Margin="5" Click="buttonPoem_Click" />
        <Button Name="buttonPoet" Content="歌人" Grid.Column="1" Grid.Row="1" Margin="5" Click="buttonPoet_Click" />
        <Button Name="buttonMarge" Content="短歌と歌人" Grid.Column="1" Grid.Row="2" Margin="5" Click="buttonMarge_Click" />
    </Grid>
</Window>

実行すると、下記の様に表示されます。

160306-1-01

Previous: C#のアプリの情報を表示してみた   Next: C#でDataGridに表示するデータを操作してみた

更新日
公開日

広告

C#のコントロールカテゴリの投稿