Ignite UI for Angular 11.1.0 バージョン時点での情報に基づいています。
IgxGrid, IgxTreeGrid, IgxHierarchicalGridではバージョン11.1.0より列のリサイズ時に編集モードが維持されるようになりました。
以前のバージョンのようにリサイズ時に編集モードを終了するには、IgxGridComponent(IgxTreeGridComponent、IgxHierarchicalGridComponent)のonColumnResizedイベントでendEdit()メソッドを実行します。
<igx-grid #grid1 [data]="data" [autoGenerate]="false" height="500px" width="100%" (onColumnResized)="onResize($event)"> ..... </igx-grid>
@ViewChild("grid1", { read: IgxGridComponent, static: true })
public grid1: IgxGridComponent;
.....
public onResize(event) {
this.grid1.endEdit(true);
}
クラス IgxGridComponent – onColumnResized
https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxgridcomponent.html#oncolumnresized
クラス IgxGridComponent – endEdit
https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxgridcomponent.html#endedit
