IgxGrid のヘッダー文字列をセンタリングするには、センタリングするCSSクラスを作成し、それを igx-column の headerClasses に指定してください。 実行結果 「ID」列と「姓」列のヘッダ […]
Category: Ignite UI for Angular
[2024年更新] Ignite UI の npm パッケージを使用するための環境設定
インフラジスティックス Ignite UI 製品の利用にあたり、ライセンス版の npm パッケージを使用するには、npm config set コマンドを実行して、事前にプライベート npm フィードを開発環境に設定して […]
IgxCalendarを日本語表記にする
IgxCalenderのカレンダーを日本語表記にするには、Angularで日本語のロケールの登録を行った上でコンポーネントのlocaleプロパティに’ja-JP’を設定します。
IgxGrid セルのテキストを改行表示する
Ignite UI for Angular 15.0.2 バージョン時点での情報に基づいています。 IgxGrid のセルに適用されている CSS のクラス名(.igx-grid__td-text)にスタイルを適用するこ […]
IgxDialogで作成したダイアログをマウスでドラッグ移動できるようする方法
IgxDialogでダイアログをマウスでドラッグ移動できるようするには、IgxDialog内にドラッグの時に使う”つまみ用の場所”を配置し、それにIgxDragHandleディレクティブを使用して […]
Excel Library – Excelのフィルター機能を使って並べ替える方法
Excelの「データ」タブの「フィルター」で並べ替える操作に相当する処理は、インフラジスティックスのExcelライブラリーでは、「ワークシート レベル フィルター」という機能が対応しています。 以下、製品ごとのコードスニ […]
IgxCategoryChartのサンプル
実行イメージ サンプル 必要なNPMパッケージ npm install igniteui-angular-charts igniteui-angular-core –save ヘルプベージ 「An […]
Excel Library – データを並べ替える方法
Excelの「データ」タブの「並べ替え」で並べ替える操作に相当する処理は、インフラジスティックスのExcelライブラリーでは「ワークシート レベルの並べ替え」という機能が対応しています。 ヘルプ WPF: https […]
IgxDatePicker – 無効な日付入力を検知する
「IgxDatePicker – 有効日付範囲の設定」によりピッカーの無効な日付選択は制御できましたが、日付ピッカーエディターへの入力やスピン(マウスホイールでの操作など)による設定ができてしまいます。このような場合に、 […]
IgxDatePicker – 有効日付範囲の設定
IgxDatePicker では、ポップアップ表示されたカレンダーで選択できる日付の範囲(有効日付範囲)を設定することができます。 利用するプロパティは以下になります。 maxValue minValue 名称からもわか […]