igxGridではバージョン10.1.0よりshowSummaryOnCollapseプロパティが導入され、グループ行や親行が縮小した状態でも集計行を表示することが可能になりました。showSummaryOnCollap […]
Articles Tagged: IgxGrid
IgxGridのセルにツールチップを表示する
igxGridではバージョン10.1.0より、デフォルトのテンプレートを使用するセル(集計セルを含む)に自動的にツールチップが表示されるようになりました。 以下のように列でカスタムのテンプレートを設定しないデフォルトの状 […]
Excel スタイルフィルタリングのフィルターメニューをカスタマイズする方法
Ignite UI for Angular 10.1.3 バージョン時点での情報に基づいています。 Excel スタイルフィルタリングのフィルターメニューをさらにカスタマイズするために、カスタムテンプレートを使用すること […]
IgxGrid 状態を保存・復元したい
Ignite UI for Angular 10.1.3バージョン時点での情報に基づいています。 IgxGridの状態を保存、復元する場合は、IgxGridStateディレクティブのgetStateメソッドで状態の取得と […]
IgxGrid: boolean 型のセルの表示について
Ignite UI for Angular 10.1.3 バージョン時点での情報に基づいています。 以前のバージョンでは、boolean 型のセルには、文字列で “true” もしくは ̶ […]
IgxGrid: onCellEdit イベントでの数値の型について
Ignite UI for Angular 10.1.3 バージョン時点での情報に基づいています。 IgxGrid では、以前は onCellEdit イベント引数として渡ってくる数値は string 型でしたが、Ign […]
IgxGrid: 行の選択及び選択解除
Ignite UI for Angular 10.1.3 バージョン時点での情報に基づいています。 IgxGrid では、selectedRows プロパティを利用することで行の選択を行うことができます。行の選択解除を行 […]
IgxGrid 子階層のデータをパスを使って列にバインドする
Ignite UI for Angular 10.1.3バージョン時点での情報に基づいています。 Ignite UI for Angular 10.1.xで、子階層のデータをそのままパス形式で列にバインドすることができる […]
IgxGrid セルに表示している内容をツールチップに出したい
この KB は 製品バージョン 10.0.6 をベースにしています。 セルに表示している内容をツールチップに出すには、ng-templateを利用して、標準のツールチップをspanタグで表示したりIgxTooltipで表 […]
IgxGrid 選択行とホバー行の背景色を変更する
この KB は 製品バージョン 10.0.6 をベースにしています。 IgxGridの選択行とホバー行の背景色を変更したい場合は、CSSで各DOM要素にborderの設定をしてください。ここでは、IgxGridのデフォル […]