Ignite UI for Angular

IgxGrid – グリッド端にマウスホバーしたときに自動スクロールしたい

igx-grid のグリッド領域に対してマウスを上下左右の端まで近づけると、その方向へ自動的にスクロールできるようにする方法を紹介します。この動作は、水平方向のスクロールを担うheaderContainerと垂直方向のス […]

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 のツール […]