Ignite UI for Angular 10.1.9 バージョン時点での情報に基づいています。 IgxDoughnutChart では、brushes コレクションにブラシの配色パターンを指定することができますが、ス […]
Category: Ignite UI for Angular
IgxTabs 横幅を指定する
IgxTabs の横幅を指定するには、スタイル設定により IgxTabs に対して幅(width)を指定します。
Workbook セルの書式をコピーする
セルに適用されている書式を取得し、別セルに書式をコピーする方法をご紹介します。書式の取得には、getResolvedCellFormat メソッドを利用し、書式の適用には、setFormatting メソッドをそれぞれ利 […]
Indigo テーマの適用方法
Ignite UI for Angular 10.1.3 バージョン時点での情報に基づいています。 10.1 バージョン以降、 Indigo テーマが新規追加されました。本記事では Indigo テーマの適用方法について […]
IgxGrid セル/行編集がコミットされた後に処理を行う
Ignite UI for Angular 10.1.3 バージョン時点での情報に基づいています。 igx-grid の cellEditDone および rowEditDone イベントでは、編集がコミット後の処理を行 […]
igxGrid: ヘッダーコンテンツに合わせて列幅をリサイズする
IgxColumnComponentのautosize()はコンテンツに合わせて列幅をリサイズするメソッドですが、バージョン10.1.0より引数に「byHeader」が加わり、ヘッダーコンテンツのみに合わせて列幅を調整す […]
igxGridのスクロールイベントを取得する
igxGridではバージョン10.1.0よりonScrollイベントの使用が可能となりました。onScrollはグリッドが横方向、もしくは縦方向にスクロールされた際に発生するイベントです。引数IGridScrollEve […]
igxGrid: グループ行や親行が縮小した状態でも集計行を表示する
igxGridではバージョン10.1.0よりshowSummaryOnCollapseプロパティが導入され、グループ行や親行が縮小した状態でも集計行を表示することが可能になりました。showSummaryOnCollap […]
IgxGridのセルにツールチップを表示する
igxGridではバージョン10.1.0より、デフォルトのテンプレートを使用するセル(集計セルを含む)に自動的にツールチップが表示されるようになりました。 以下のように列でカスタムのテンプレートを設定しないデフォルトの状 […]
IgxSnackbarの表示テキストの設定方法について
IgxSnackbarではバージョン10.1.0にて表示テキストを設定するmessageプロパティが廃止となりました。代わりに、表示するテキストはコンテンツとして配置するか、showメソッドの引数で設定します。 1.コン […]