[Ignite UI for Angular 10.2 新機能] igxGrid(IgxTreeGrid,IgxHierarchicalGrid)に新規追加用の行を表示する

igxGridではバージョン10.2.0にて新規追加用の行を表示するメソッドbeginAddRow()がIgxGridRowComponentに追加されました。
引数に指定した行インデックスの下に新規行を表示します。

以下は、インデックス0の行の下に新規行を表示するサンプルコードです。

html

<button (click)="doBeginAddRow($event)">新規追加用の行を表示</button>

  doBeginAddRow(evt){
      const row = this.grid1.getRowByIndex(0);
      row.beginAddRow();
  }

IgxTreeGridやIgxHierarchicalGridでも同様の実装が可能です。これらの階層を持つコンポーネントでは、新規の子行を追加するメソッドbeginAddChild()も用意されています。