当你设置你的数据源。Ts文件，而不是使用一个简单的数组的数据使用一个主题和getter/setter的数据，如下所示:

 dataStream = new BehaviorSubject<DataSourceItem[]>(EXAMPLE_DATA);
 set data(v: DataSourceItem[]) { this.dataStream.next(v); }
 get data(): DataSourceItem[] { return this.dataStream.value; }

然后在connect()函数中使用dataStream主题，如下所示:

return merge(this.dataStream, this.paginator.page, this.sort.sortChange)

所以现在当你改变数据源时。数据数组…像这样:

this.dataSource.data = ['my','new','item']

它将触发setter中的this.dataStream.next(v)， connect()函数将正确更新您的表。

完整的工作示例可以在这里找到: https://stackblitz.com/edit/angular-material2-issue-yzhsml?file=app%2Fdata-table-datasource.ts

这招对我很管用:

refreshTableSorce() {
    this.dataSource = new MatTableDataSource<Element>(this.newSource);
}

我利用两种资源获得了一个很好的解决方案:

刷新dataSource和paginator:

this.dataSource.data = this.users;
this.dataSource.connect().next(this.users);
this.paginator._changePageSize(this.paginator.pageSize);

例如，dataSource定义在这里:

    users: User[];
    ...
    dataSource = new MatTableDataSource(this.users);
    ...
    this.dataSource.paginator = this.paginator;
    ...

在refresh()方法中使用ChangeDetectorRef触发变更检测 在接收到新数据后，在构造函数中注入ChangeDetectorRef，并像这样使用detectChanges:

import { Component, OnInit, ChangeDetectorRef } from '@angular/core';
import { LanguageModel, LANGUAGE_DATA } from '../../../../models/language.model';
import { LanguageAddComponent } from './language-add/language-add.component';
import { AuthService } from '../../../../services/auth.service';
import { LanguageDataSource } from './language-data-source';
import { LevelbarComponent } from '../../../../directives/levelbar/levelbar.component';
import { DataSource } from '@angular/cdk/collections';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/of';
import { MatSnackBar, MatDialog } from '@angular/material';

@Component({
  selector: 'app-language',
  templateUrl: './language.component.html',
  styleUrls: ['./language.component.scss']
})
export class LanguageComponent implements OnInit {
  displayedColumns = ['name', 'native', 'code', 'level'];
  teachDS: any;

  user: any;

  constructor(private authService: AuthService, private dialog: MatDialog,
              private changeDetectorRefs: ChangeDetectorRef) { }

  ngOnInit() {
    this.refresh();
  }

  add() {
    this.dialog.open(LanguageAddComponent, {
      data: { user: this.user },
    }).afterClosed().subscribe(result => {
      this.refresh();
    });
  }

  refresh() {
    this.authService.getAuthenticatedUser().subscribe((res) => {
      this.user = res;
      this.teachDS = new LanguageDataSource(this.user.profile.languages.teach);
      this.changeDetectorRefs.detectChanges();
    });
  }
}

你也可以使用renderRows()方法。

@ViewChild(MatTable， {static: false}) MatTable //初始化

然后 this.table.renderRows ();

作为参考，看看这个: https://www.freakyjolly.com/angular-7-8-edit-add-delete-rows-in-material-table-with-using-dialogs-inline-row-operation/

我已经尝试了之前的一些建议。它确实更新了表格，但我有一些担忧:

更新数据源。数据及其克隆。如。

this.dataSource.data = [...this.dataSource.data];

如果数据很大，这将重新分配大量内存。此外，MatTable认为表内的所有内容都是新的，因此可能会导致性能问题。我发现我的表有大约300行。

调用paginator._changePageSize。如。

this.paginator._changePageSize(this.paginator.pageSize);

它将发出页面事件。如果您已经对页面事件进行了一些处理。您可能会觉得很奇怪，因为事件可能会被多次触发。如果事件以某种方式间接触发_changePageSize()，可能会导致无限循环……

我建议另一种解决方案。如果您的表不依赖于dataSource的过滤器字段。

你可以更新过滤字段来触发表刷新:

this.dataSource.filter = ' '; // Note that it is a space, not empty string

通过这样做，表将执行过滤，从而更新表的UI。但是它需要有自己的dataSource.filterPredicate()来处理过滤逻辑。