虽然这是重复的问题，但我如何在第一行显示新行我正在使用 angular9

Question

我可以添加一个新行，但它在最后一页上。 我想显示在第一行。 谁能帮我解决这个问题？ HTML 组件

  <button mat-button color="primary" (click)="addRow()">
            <mat-icon>add</mat-icon>
            <span>Add</span></button>

ts代码

 addRow(){
         this.agGrid.api.applyTransaction({
           add: [{make: '', model: '', price: ''}]
         });

Answer 1

您可以在网格 Api 上使用updateRowData方法，该方法允许您指定要插入的索引。 将您的addRow方法更改为：

addRow() {
    let newRows = [{ make: "", model: "", price: '' }];
    this.gridApi.updateRowData({ add: newRows, addIndex: 0 });
  }

看看 这个StackBlitz。