サイトアイコン INFRAGISTICS ナレッジ ベース

IgxGrid 列の選択／非選択をコードで行う。

uguran

Ignite UI for Angular 9.1.2 バージョン時点での情報に基づいています。

Ignite UI for Angular 9.1では、IgxGridComponentに

が追加されました。これにより、コードで列の選択／非選択を行うことができるようになりました。

// "CompanyName"列と"Address"列を選択する場合
this.grid.selectColumns(["CompanyName", "Address"], true);

// "CompanyName"列と"Address"列の選択を解除する場合
this.grid.deselectColumns(["CompanyName", "Address"]);

// すべての列を選択する場合
this.grid.selectAllColumns();

// すべての列の選択を解除する場合
this.grid.deselectAllColumns();

　

サンプル
kb3432-app1ダウンロード

　

リファレンス

　

モバイルバージョンを終了