刷新角度为9的垫子桌子

时间:2020-03-27 21:47:21

标签: angular angular-material angular9

当我删除元素时,我的MAT-TABLE无法刷新

.ts文件

import { MatTableDataSource, MatTable } from '@angular/material/table';
@ViewChild(MatTable) table: MatTable<any>;

const index = this.dataSource.data.findIndex(d => Number(d.id) == Number(id)); 
this.dataSource.data.splice(index, 1);
this.table.renderRows();

.html文件

<table mat-table [dataSource]="dataSource" class="lessons-table mat-elevation-z8" matSort table>

1 个答案:

答案 0 :(得分:1)

要更新mat-table数据,您需要将新数组不变地分配给dataSource

尝试一下。

this.dataSource.data = this.dataSource.data.splice(index, 1);