在ngx datatable上添加新行时向下滚动最新行

Question

您好我使用Angularjs2和ngx-datatable来填充一些数据。我有一个按钮可以将新行添加到数据表的底部。

<a *ngIf="isView" mdTooltip="Add City" style="padding-left:25px;" (click)="addCities()" md-icon role="img" class="material-icons"
  aria-label="mode edit" id="editObs">add_circle</a>

这是插入新行的角度函数。

addCities() {    
let deviceObv = {
  Id: (this.cities.length > 0) ? parseInt(this.cities[this.cities.length - 1]["Id"]) + 1 : 1,
  Name: "",
  Description: "",
}
this.cities.push(deviceObv);
this.editing[(this.cities.length - 1) + '-cell'] = true
}

这是ngx-datatable的定义。

<ngx-datatable class='material' [columns]="columns" [columnMode]="'force'" [headerHeight]="40" [footerHeight]="50" [rowHeight]="'auto'"
  [rows]='cities' [scrollbarH]="true">

我需要的是在添加新行时滚动到最新行？

有什么想法吗？