Ignite UI for Angular 14.0.0 バージョン時点での情報に基づいています。 IgxGrid では IgxActionStrip に機能を加えることで、行操作メニューを加えることができます。IgxA […]
Category: Ignite UI for Angular
IgxGrid ローカライズ テキストの一部変更
ローカライズした際に一部の文言を任意に変更したい場合があります。 例えば IgxGrid の Excel スタイル フィルタリング を利用した際の「APPLY」ボタンはデフォルトの日本語ローカライズでは「適用」となります […]
IgxCombo – アイテム毎の高さ調整
コンボボックスのアイテムリストを展開した際に、アイテム毎の高さがあり、少し間延びしたような印象を受けることがあります。そのような場合には itemHeight プロパティを使ってアイテム毎の高さを調整することで見た目をグ […]
IgxCombo – アイテムリストの高さ調整
コンボボックスの設置位置(画面下部など)や選択できるアイテムが多いなどの理由で、展開したアイテムリストが長すぎたり、思いがけず画面から見切れてしまうことがあります。 そのような場合は、itemsMaxHeight プロパ […]
IgxGrid – 2つのグリッドのスクロールを同期させる
IgxGridを複数個置いてスクロールを同期させたい場合は、IgxGridのgridScrollイベントを使ってそれぞれのスクロール位置を同じ値にします。 スクロール位置は、IgxForOfディレクティブで制御できます。 […]
IgxGrid – ng-container を使った複数列ヘッダ定義方法
header 用の JSON データを用意し、そのデータを使って複数列ヘッダを定義する方法をご紹介します。 構築する Gird イメージはこちらです。 用意する header 用の JSON データはこちら この hea […]
igxTooltip 表示条件の設定
igxTooltip を使ってある条件下でのみツールチップを表示する方法をご紹介します。 今回は、Gridには表示していないデータ(Message項目)を利用して、項目に値が設定されている場合のみツールチップを表示する仕 […]
IgxGrid – セル選択時のボーダーを消す
IgxGrid ではセルの選択方法について、3つの設定をご用意しています。 Angular セル選択の例 その中でセル選択を無効([cellSelection]=”‘none’”)にす […]
IgxCalendar で特定の範囲日のみ選択可能にする方法
Ignite UI for Angular 13.1.9 バージョン時点での情報に基づいています。 IgxCalendar では、disabledDates オプションを利用することで、特定の日を選択不可にすることができ […]
IgxGrid – デフォルトのツールチップを非表示にする
igxGrid ではバージョン10.1.0より、デフォルトのテンプレートを使用するセル(集計セルを含む)に自動的にツールチップが表示されるようになりました。 このデフォルトのツールチップを非表示にするプロパティが現在は未 […]