セル編集テンプレートを使用してigx-date-pickerを埋め込み、そこでformatとmaskを指定してください。 実行結果 サンプル リファレンス セル編集テンプレート https://jp.infr […]
Articles Tagged: IgxGrid
igxGrid セルテキストを右寄せにする
セルのテキストを右寄せにするには、justify-content: flex-end;を指定したcssクラスをターゲットの列のcellClassesプロパティに設定します。 結果 リファレンス 「IgxColum […]
IgxGrid 条件に応じてセルに異なるスタイルを適用する
この KB は 製品バージョン 11.1.7 をベースにしています。 下記ナレッジベースに類似するシナリオですが、セルの値に応じて異なるスタイルを適用する方法をご紹介します。 IgxGrid 条件に応じてセルにスタイルを […]
IgxGrid ヘッダーの高さを指定する。
IgxGridのヘッダーの高さを指定する場合は、ヘッダーを構成している要素に高さ関係のCSSの指定をしてください。 実行結果 サンプル
[Ignite UI for Angular 11.1 新機能] IgxGrid、IgxTreeGrid、IgxHierarchicalGridにselectRowOnClickプロパティが追加され、行のクリックでその行を選択するかどうかを指定できるようになりました。
Ignite UI for Angular 11.1.7バージョン時点での情報に基づいています。 Ignite UI for Angular 11.1にて、IgxGrid、IgxTreeGrid、IgxHierarchi […]
[Ignite UI for Angular 11.1 動作変更] IgxGrid、IgxTreeGrid、IgxHierarchicalGridで編集中に列固定、列移動、ページングを行った場合、編集中の値が元に戻る形に変更されました。
Ignite UI for Angular 11.1.7バージョン時点での情報に基づいています。 IgxGrid、IgxTreeGrid、IgxHierarchicalGridで編集中に列固定、列移動、ページングを行った […]
[Ignite UI for Angular 11.1 新機能] IgxGrid、IgxTreeGrid、IgxHierarchicalGridでsorting、filtering、columnPinned、columnVisibilityChangingイベントが実装されました。
Ignite UI for Angular 11.1.4バージョン時点での情報に基づいています。 Ignite UI for Angular 11.1から、IgxGrid、IgxTreeGrid、IgxHierarchi […]
[Ignite UI for Angular 11.1 新機能] IgxGrid 列のピン固定をキャンセルする
Ignite UI for Angular 11.1.7 バージョン時点での情報に基づいています。 Ignite UI for Angular 11.1 では、IgxGrid の列のピン固定をキャンセルする機能が加わりま […]
[Ignite UI for Angular 11.1 新機能] IgxGrid フォーマットされた値に対するフィルタリング
Ignite UI for Angular 11.1.6 バージョン時点での情報に基づいています。 IgxGrid では列の formatter 機能を利用することで、バインドデータに対してフォーマットを行うことができま […]
[Ignite UI for Angular 11.1 新機能] IgxGrid グループ化データのエクスポート
Ignite UI for Angular 11.1.5 バージョン時点での情報に基づいています。 Ignite UI for Angular 11.1 より、IgxGrid でグループ化したデータをエクスポートできるよ […]