Ignite UI for Angular

IgxCategoryChartのサンプル

実行イメージ　サンプル　必要なNPMパッケージ npm install igniteui-angular-charts igniteui-angular-core –save 　ヘルプベージ「An […]

Excelの「データ」タブの「並べ替え」で並べ替える操作に相当する処理は、インフラジスティックスのExcelライブラリーでは「ワークシートレベルの並べ替え」という機能が対応しています。　ヘルプ WPF: https […]

「IgxDatePicker – 有効日付範囲の設定」によりピッカーの無効な日付選択は制御できましたが、日付ピッカーエディターへの入力やスピン（マウスホイールでの操作など）による設定ができてしまいます。このような場合に、 […]

IgxDatePicker では、ポップアップ表示されたカレンダーで選択できる日付の範囲（有効日付範囲）を設定することができます。利用するプロパティは以下になります。 maxValue minValue 名称からもわか […]

Ignite UI for Angular 14.0.0 バージョン時点での情報に基づいています。 IgxGrid では IgxActionStrip に機能を加えることで、行操作メニューを加えることができます。IgxA […]

ローカライズした際に一部の文言を任意に変更したい場合があります。例えば IgxGrid の Excel スタイルフィルタリングを利用した際の「APPLY」ボタンはデフォルトの日本語ローカライズでは「適用」となります […]

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

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

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

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