IgxGrid – ヘッダー文字列をセンタリングさせる方法

  • 公開日:
  • 最終更新日:

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 クラスを設定した場合の結果

　

サンプル

“KB11445-IgxGrid-CentringHeaderText.zip” ダウンロード GitHub リポジトリはこちら

　

Tagged:

製品について

Ignite UI for Angular

50種類以上のマテリアルデザイン準拠、軽量、高機能、Angular対応コンポーネント
» 製品ページはこちら