Ignite UI for Angular

IgxCombo – アイテム毎の高さ調整

コンボボックスのアイテムリストを展開した際に、アイテム毎の高さがあり、少し間延びしたような印象を受けることがあります。そのような場合には itemHeight プロパティを使ってアイテム毎の高さを調整することで見た目をグ […]

コンボボックスの設置位置（画面下部など）や選択できるアイテムが多いなどの理由で、展開したアイテムリストが長すぎたり、思いがけず画面から見切れてしまうことがあります。そのような場合は、itemsMaxHeight プロパ […]

IgxGridを複数個置いてスクロールを同期させたい場合は、IgxGridのgridScrollイベントを使ってそれぞれのスクロール位置を同じ値にします。スクロール位置は、IgxForOfディレクティブで制御できます。 […]

header 用の JSON データを用意し、そのデータを使って複数列ヘッダを定義する方法をご紹介します。構築する Gird イメージはこちらです。用意する header 用の JSON データはこちらこの hea […]

igxTooltip を使ってある条件下でのみツールチップを表示する方法をご紹介します。今回は、Gridには表示していないデータ（Message項目）を利用して、項目に値が設定されている場合のみツールチップを表示する仕 […]

IgxGrid ではセルの選択方法について、３つの設定をご用意しています。 Angular セル選択の例その中でセル選択を無効（[cellSelection]=”‘none’”）にす […]

Ignite UI for Angular 13.1.9 バージョン時点での情報に基づいています。 IgxCalendar では、disabledDates オプションを利用することで、特定の日を選択不可にすることができ […]

igxGrid ではバージョン10.1.0より、デフォルトのテンプレートを使用するセル(集計セルを含む)に自動的にツールチップが表示されるようになりました。このデフォルトのツールチップを非表示にするプロパティが現在は未 […]

Ignite UI for Angular 13.1.7 バージョン時点での情報に基づいています。 Ignite UI for Angular で提供している IgxGrid において、全ページの全レコードをチェック（選 […]

IgxGrid のテンプレート機能を利用し、常にエディタを表示してみます。テンプレート機能は、次の様に igx-column 配下に、ng-template を配置し、igxCell ディレクティブを付与します。そしてそ […]