IgxGrid のヘッダー文字列をセンタリングするには、センタリングするCSSクラスを作成し、それを igx-column の headerClasses に指定してください。
.centered {
text-align: center;
}
<igx-grid ...> <igx-column field="ID" header="ID" [dataType]="'number'" [headerClasses]="'centered'"/> <igx-column field="FamilyName" header="姓" [dataType]="'string'" [headerClasses]="'centered'"/> ... </igx-grid>
実行結果
「ID」列と「姓」列のヘッダーにセンタリングの CSS クラスを設定した場合の結果
サンプル
Pingback: IgxGrid – ヘッダー文字列をセンタリングしてもアイコンがあるせいで若干左寄せ（もしくは右寄せ）になってしまう場合のセンタリング方法 – INFRAGISTICS ナレッジベース