Refre sh мат-стол в angular 9

Question

Когда я удаляю элемент, мой MAT-TABLE не обновляется sh

.ts file

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 file

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

Answer 1

Для обновления данных mat-table вам необходимо безоговорочно назначить новый массив вашему dataSource.

Попробуйте это.

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