Angular Material 2:编辑记录后如何刷新md表？

import { Component, ViewChild } from '@angular/core';
import { MatTable } from '@angular/material/table';

@Component({
  selector: 'app-table',
  template: `
    <table mat-table [dataSource]="data">
      <!-- 表格列定义 -->
      <ng-container matColumnDef="name">
        <th mat-header-cell *matHeaderCellDef>Name</th>
        <td mat-cell *matCellDef="let record">{{ record.name }}</td>
      </ng-container>
      <ng-container matColumnDef="age">
        <th mat-header-cell *matHeaderCellDef>Age</th>
        <td mat-cell *matCellDef="let record">{{ record.age }}</td>
      </ng-container>

      <!-- 表格行定义 -->
      <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
      <tr mat-row *matRowDef="let record; columns: displayedColumns;"></tr>
    </table>
    <button (click)="editRecord()">Edit Record</button>
  `,
})
export class TableComponent {
  @ViewChild(MatTable) table: MatTable<any>;

  data = [
    { name: 'John', age: 25 },
    { name: 'Jane', age: 30 },
    { name: 'Bob', age: 35 },
  ];

  displayedColumns = ['name', 'age'];

  editRecord() {
    // 编辑记录的逻辑，更新数据对象
    // ...

    // 刷新表格
    this.table.renderRows();
  }
}