Ignite UI for Angular 10.1.3 バージョン時点での情報に基づいています。 以前のバージョンでは、boolean 型のセルには、文字列で “true” もしくは ̶ […]
Articles Tagged: IgxGrid
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のデフォル […]
IgxGrid セルにチェックボックスを表示する
Ignite UI for Angular 9.1.6 バージョン時点での情報に基づいています。 IgxGridのboolean値のセルでチェックボックスを表示・使用したい場合は、セルテンプレートを使用してチェックボック […]
IgxGrid セルに罫線を引く方法
Ignite UI for Angular 9.1.6 バージョン時点での情報に基づいています。 IgxGridのセルに罫線を引きたい場合は、CSSで各DOM要素にborderの設定をしてください。ここでは、IgxGri […]
IgxGrid サマリー行に合計のみを表示する。
Ignite UI for Angular 9.1.6 バージョン時点での情報に基づいています。 IgxGridのサマリー行に合計のみを表示するには、カスタムGrid集計機能を利用してください。 実行結果 サンプ […]
IgxGrid コードでセル編集を終わらせる方法
Ignite UI for Angular 9.1.6 バージョン時点での情報に基づいています。 コードでセル編集を終わらせる場合は、IgxGridComponentのendEditメソッドを呼び出してください。 サ […]