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

製品について

Ignite UI for Angular