locked
Silverlight Datagrid ヘッダー部配置変更 RRS feed

  • 質問

  • Silverlight開発初心者です。

    DataGridのヘッダー部のみ、文字列を中央寄せにしたいのですが、

    色々HPを探して試してみたのですが、理解しきれずに実装できずに困っております。

    どなたかご存知の方ご教授お願いいたします。

    2011年3月9日 0:48

回答

  • DataGridのHeader表示をカスタマイズするにはDataGridColumnに存在するHeaderStyleプロパティを利用します。

    <UserControl 
      xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk">
      <!-- 他は省略 -->
      <UserControl.Resources>
        <Style x:Key="dgHeaderStyle" TargetType="sdk:DataGridColumnHeader">
          <Setter Property="HorizontalContentAlignment" Value="Center"/>
        </Style>
      </UserControl.Resources>
      
      <!-- 略 -->
      
      <sdk:DataGrid>
        <sdk:DataGrid.Columns>
          <sdk:DataGridTextColumn Header="中央寄せたい" HeaderStyle="{StaticResource dgHeaderStyle}"/>
        </sdk:DataGrid.Columns>
      </sdk:DataGrid>
    </UserControl>
    
    
    
    ソート方向表示の領域があるのでパッと見ズレてるように見えるかもしれません。

    • 回答としてマーク ohzeki 2011年3月9日 2:38
    2011年3月9日 1:46

すべての返信

  • DataGridのHeader表示をカスタマイズするにはDataGridColumnに存在するHeaderStyleプロパティを利用します。

    <UserControl 
      xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk">
      <!-- 他は省略 -->
      <UserControl.Resources>
        <Style x:Key="dgHeaderStyle" TargetType="sdk:DataGridColumnHeader">
          <Setter Property="HorizontalContentAlignment" Value="Center"/>
        </Style>
      </UserControl.Resources>
      
      <!-- 略 -->
      
      <sdk:DataGrid>
        <sdk:DataGrid.Columns>
          <sdk:DataGridTextColumn Header="中央寄せたい" HeaderStyle="{StaticResource dgHeaderStyle}"/>
        </sdk:DataGrid.Columns>
      </sdk:DataGrid>
    </UserControl>
    
    
    
    ソート方向表示の領域があるのでパッと見ズレてるように見えるかもしれません。

    • 回答としてマーク ohzeki 2011年3月9日 2:38
    2011年3月9日 1:46
  • nk9kさま

    ご回答ありがとうございます。

    無事解決することができました。

     

    2011年3月9日 2:39