Articles Tagged: IgxGrid

列ヘッダーのテキストは以下のcss設定にて改行表示となります。 　 結果 サンプル: https://stackblitz.com/edit/github-5wbcu6-5pqj9k?file=src/app/grid/ […]

セル編集テンプレートを使用してigx-date-pickerを埋め込み、そこでformatとmaskを指定してください。 　 実行結果 　 サンプル 　 リファレンス セル編集テンプレート https://jp.infr […]

セルのテキストを右寄せにするには、justify-content: flex-end;を指定したcssクラスをターゲットの列のcellClassesプロパティに設定します。 　 結果 　 リファレンス 「IgxColum […]

この KB は 製品バージョン 11.1.7 をベースにしています。 下記ナレッジベースに類似するシナリオですが、セルの値に応じて異なるスタイルを適用する方法をご紹介します。 IgxGrid 条件に応じてセルにスタイルを […]

IgxGridのヘッダーの高さを指定する場合は、ヘッダーを構成している要素に高さ関係のCSSの指定をしてください。 　 実行結果 　 サンプル 　

Ignite UI for Angular 11.1.7 バージョン時点での情報に基づいています。 Ignite UI for Angular 11.1 では、IgxGrid の列のピン固定をキャンセルする機能が加わりま […]

Ignite UI for Angular 11.1.6 バージョン時点での情報に基づいています。 IgxGrid では列の formatter 機能を利用することで、バインドデータに対してフォーマットを行うことができま […]