DataGridでテキストを右寄せにする[ColumnHeaderStyle]

2017年10月9日

C#

DataGridの列ヘッダーやセル内のテキストの位置を右寄せにしてみます。

 

 

 

 

上記画像のウィンドウ画面のXAMLを元に説明していきます。画面の作成方法は下記リンクの関連ページをご覧下さい。

DataGridの右端の空白列を非表示にする[HorizontalAlignment]

 

 

まずは列ヘッダーを右寄せにしてみます。

 

 

5〜10行目

DataGrid.ColumnHeaderStyle要素のDataGridColumnHeaderにおいて、HorizontalContentAlignmentプロパティをRightに指定しています。下記画像のように全ての列ヘッダー(ID、タイトル、著者)が右寄せになるのがわかります。

 

 

 

 

次に全てのセル内のテキストを右寄せにしてみます。

 

 

5〜10行目

DataGrid.CellStyle要素のDataGridCellにおいて、HorizontalAlignmentプロパティをRightに指定しています。下記画像のようにセル内のテキストが右寄せになっているのがわかります。

 

 

 

 

次にある特定の列ヘッダー(タイトル)と特定の列(著者)のセルを右寄せにしてみます。

 

 

14〜19行目

DataGridTextColumn.HeaderStyle要素のDataGridColumnHeaderにおいて、HorizontalContentAlignmentプロパティをRightに指定しています。下記画像のようにタイトルの列ヘッダーだけが右寄せになっているのがわかります。

 

27〜32行目

DataGridTextColumn.ElementStyle要素のTextBlockにおいて、TextAlignmentプロパティをRightに指定しています。下記画像のように著者列のセルのみが右寄せになっているのがわかります。

 

 

 

LINEで送る
Pocket

Copyright © 2019 思考の葉 All Rights Reserved.  プライバシーポリシー