IgxGrid セルの編集を行う方法

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

IgxGrid の列にある editable オプションを有効化することで、セルの編集を行うことができます。

<igx-grid
  [data]="localData" [primaryKey]="'id'"
  [autoGenerate]="false" width="700px" height="500px">
    <igx-column field="id" header="id"></igx-column>
    <igx-column field="col1" [editable]="true" dataType="string"></igx-column>
    <igx-column field="col2" [editable]="true" dataType="string"></igx-column>
    <igx-column field="col3" [editable]="true" dataType="string"></igx-column>
    <igx-column field="col4" [editable]="true" dataType="string"></igx-column>
    <igx-column field="col5" [editable]="true" dataType="string"></igx-column>
</igx-grid>

サンプル