MatPaginator在从MatTableDataSource中删除行时无法正常工作

Question

我创建了一个使用角度材料在角度2中进行选择和分页的表格.

我拿了一个名为Remove Selected Rows的按钮来删除表中选定的行.

但是,当删除所选行时,正在加载的所有表数据都与为分页指定的值不匹配.

下面是我的代码的stack-blitz链接..

https://stackblitz.com/edit/delete-rows-mat-table-vj4hbg?file=app%2Ftable-selection-example.html

下面显示的是输出.

最初,该表仅显示为分页值指定的行.

但是当我删除第3行时,即使分页值仅为3,也会加载所有行.

任何人都可以告诉我如何使用删除行后指定的分页值限制我的表行.

Answer 1

伙伴们,伙计.

删除后,您忘记将分页器重新分配给数据源.Angular可能会做一些魔术,但有时它需要一些帮助.

我使用超时因为我总是面临一个问题,没有它就可以尝试.

setTimeout(() => {
  this.dataSource.paginator = this.paginator;
});