Ignite UI for Angular

IgxGrid – groupingComparer と sortStrategy でグループ化をカスタマイズする方法

igx-grid で列をグループ化する際、同じ値でも行データの他の項目によってグループを分けたい場合は、groupingComparer と sortStrategy を組み合わせてグループ化ロジックをカスタマイズします […]

Ignite UI for Angular の igxMask ディレクティブには、日本語（全角）文字の入力を無効にするマスク文字は用意されていません。本記事では、document.body に登録したキャプチャフェーズ […]

本記事では、Ignite UI for Angular の IgxGridComponent でデータ取得中に画面をブロックするモーダルのローディングインジケーターを表示する方法を説明します。中心となる API は Ig […]

Ignite UI for Angular には専用のガントチャートコンポーネントはありませんが、IgxDataChart の IgxRangeBarSeries を利用することで、タスクの開始日・終了日を横棒で表現し […]

IgxGrid の Excel スタイルフィルターメニューの項目にはデータの値がテキストで表示されます。そのため、DataType = Boolean の列では項目名が「 True 」と「 False 」で表示されます。 […]

IgxGrid では dataType=”number” の列ヘッダー ( .igx-grid-th–number ) に対し、他のデータ型とは異なるスタイルが適用されるため、デフォル […]

概要 Ignite UI for Angular の IgxGrid では、Excel Style Filter メニューの表示内容をテンプレート機能で細かくカスタマイズできます。 Excel Style Filter […]

IgxInput は disabled プロパティを true に設定することにより非活性化できます。しかしながら、この場合は css の pointer-events: none 設定が加わるため、要素へのあらゆるマウ […]

IgxGrid ではバージョン 21 にて PDF へのエクスポート機能が導入されました。以下のように IgxGridToolbarExporterComponent より機能を有効に設定すると、IgxGrid のツール […]

IgxGrid のフィルター機能はバインドされたデータの値を使用して実行されます。そのため、例えば Date 型のデータがバインドされた列で表示を時間のみに制限した場合、フィルター時に入力値が正しいにも関わらず、年月部分 […]