问题的原因是MatTable不会自动检测数据的更改，所以需要手动触发更新。下面是一些

1. 在进行PUT操作后，手动更新数据源。

   // 使用数据源中的新数据更新表格
   this.dataSource.data = this.dataSource.data.map(row => {
       if (row.id === updatedRow.id) {
           return updatedRow;
       }
       return row;
   });
   

2. 更改数据源中的对象引用。这将导致表格自动更新为新的对象。在数据源对象的属性更改后，可以使用 Object.assign() 或 ES6解构语法来创建新的对象，以确保更改时对象引用发生更改。

   const updatedRow = Object.assign({}, rowToUpdate, updatedData);
   this.dataSource.data[rowIndex] = updatedRow;
   

3. 引用Angular的ChangeDetectorRef服务并手动触发变更检测。

   import { ChangeDetectorRef } from '@angular/core';
   
   constructor(private cdr: ChangeDetectorRef) {}
   
   // 在进行PUT操作后手动触发变更检测
   this.cdr.detectChanges();
   

使用其中任意一种方法，都可以使改变能够重新渲染 MatTable。