在底部插入行用于剑道 UI Grid angular 2+

如何解决在底部插入行用于剑道 UI Grid angular 2+

我不想在剑道 UI 网格的每个网格的顶部添加新行，而是想在底部添加它，但我不知道该怎么做以及我需要在哪里更改代码。我正在将现有的添加行函数用于 angular 8 的剑道 UI 网格。在 HTML 中调用 addR 函数

(add)="addR($event,grid)"

typeScript 中的 addR 函数

 addR(event,gird,service ){
    this.saveEditableR(event.action,service,grid).pipe(first()).subscribe(rowSaved => {
        if (rowSaved) {
          this.getGridForm(grid);
          service.senderRef = event.sender;
          service.rowIndex = -1;
          service.isNewItem = true;
          event.sender.addRow(service.form);
        } else {
          this.displayGridError(grid);
        }
      });
  }

saveEditableR(action,service: any,grid,saved: boolean): Observable<boolean> {
    
    let form = service.form;
    let sender = service.sender;
    let rowIndex = service.rowCount-1;
    let isNew = service.isNew;
    let rowSaved;
    if(form){
      if(form.valid && action !='editEmit'){
        const Grid: any = form.value;
        if(!this.validateGridData(Grid,rowIndex,grid)){
          sender.save.emit({sender,Form,isNew});
          sender.closeRow();
          rowSaved =true;
          if(action === 'edit' && isNew){
            this.serive.updateRowIndex = true;
          }
        }else{
          if(save){
            console.log("ERROR OCCUR");
          }
          rowSaved = false;
        }
      }else {
        if(saved){
          console.log("ERROR OCCUR");
        }
        rowSaved = false;
      }
    }else{
      rowSaved = true;
    }
    return of(rowSaved);
  }