次の方法で共有


DataGrid.ColumnHeaderStyle プロパティ

定義

DataGrid のすべての列ヘッダーに適用するスタイルを取得または設定します。

public:
 property System::Windows::Style ^ ColumnHeaderStyle { System::Windows::Style ^ get(); void set(System::Windows::Style ^ value); };
public System.Windows.Style ColumnHeaderStyle { get; set; }
member this.ColumnHeaderStyle : System.Windows.Style with get, set
Public Property ColumnHeaderStyle As Style

プロパティ値

Style

DataGrid のすべての列ヘッダーに適用されるスタイル。 登録済みの既定値は null です。 この値が何に影響されるかの詳細については、DependencyProperty のトピックを参照してください。

次の例では、スタイル リソースを使用して、 DataGrid. 最初の列ヘッダーのスタイルは、次 DataGrid.ColumnHeaderStyleに、 .

<Window.Resources>
    <!-- DataGrid style -->
    <Style x:Key="DataGridStyle1" TargetType="{x:Type DataGrid}">
        <Setter Property="ColumnHeaderStyle" Value="{DynamicResource ColumnHeaderStyle1}"/>
    </Style>
    <!-- DataGridColumnHeader style -->
    <Style x:Key="ColumnHeaderStyle1" TargetType="DataGridColumnHeader">
        <Setter Property="Height" Value="30"/>
        <Setter Property="Background" Value="LightBlue"/>
        <Setter Property="Foreground" Value="Blue"/>
        <Setter Property="FontSize" Value="18" />
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="ToolTip" Value="Click to sort."/>
            </Trigger>
        </Style.Triggers>
    </Style>
</Window.Resources>
<Grid>
    <DataGrid Name="dataGrid1" Margin="12,12,0,0" 
              AutoGenerateColumns="False"
              Style="{DynamicResource DataGridStyle1}">
        <DataGrid.Columns>
            <DataGridTextColumn Header="Name" 
                                Binding="{Binding Name}">
                <!-- Local Style for header of first DataGrid column. -->
                <DataGridColumn.HeaderStyle>
                    <Style TargetType="DataGridColumnHeader">
                        <Setter Property="Background" Value="Blue"/>
                        <Setter Property="Foreground" Value="White"/>
                        <Setter Property="FontSize" Value="24"/>
                    </Style>
                </DataGridColumn.HeaderStyle>
            </DataGridTextColumn>
            <DataGridTextColumn Header="Class"
                                Binding="{Binding Classification}" />
            <DataGridCheckBoxColumn Header="Extinct"
                                    Binding="{Binding Extinct}"/>
        </DataGrid.Columns>
    </DataGrid>
</Grid>

次の図は、出力を示しています。

スタイル設定された DataGrid の列ヘッダー

注釈

a Style を適用して、次のすべての列ヘッダーの外観を更新します DataGrid。 列ヘッダーの a Style を定義するには、次のDataGridColumnHeader値をTargetType指定します。

A Style は、すべての列ヘッダーまたは個々の列ヘッダーに適用できます。 個々のヘッダーに a Style を適用するには、プロパティよりも DataGridColumn.HeaderStyle 優先されるプロパティを DataGrid.ColumnHeaderStyle 設定します。

適用対象

こちらもご覧ください