Ignite UI for Angular 11.1.10 バージョン時点での情報に基づいています。
IgxGridの集計行の表示・非表示を動的に切り替えたい場合は、各列（IgxColumnComponent）のhasSummaryの値を切り替えてください。trueで表示、falseで非表示となります。
また、それに伴い、集計行の縦幅が変わる場合は、IgxGridの一覧に収まるデータ行数も異なってきます。その場合は、IgxGridのビューをリフレッシュして、一覧内に表示される行数も更新してください。ビューのリフレッシュは、reflowメソッドとmarkForCheckメソッドの呼び出しで可能です。
toglleSummary(){
this.grid1.columns.forEach(column => {
column.hasSummary = !column.hasSummary;
});
this.grid1.reflow();
this.grid1.markForCheck();
}
実行結果
サンプル
APIリファレンス
- hasSummary
- reflow
- markForCheck
