angular - Angular中的材料表页面大小更改性能问题

Question

我正在使用 Angular 7 的材料表。在一个屏幕上大约有 7000 条记录。该表在页面大小为 10 或 20 或 100 时加载良好。但是在这种情况下，当我将页面大小更改为全部 (7000) 时，它不会显示并且 chrome 崩溃并出现错误“页面无响应”。

请注意，表格数据已经是第一次加载，因此它与 API 无关。

请帮忙。

标签： angularangular-materialmat-table

Answer 1

预计 Chrome 会无响应，因为该操作可能会占用大量内存。

我可以推荐您可以尝试的 3 件事：

1. 从分页中摆脱所有（没有人会滚动 7000 条记录，而是实施过滤）
2. 尝试服务器端分页来解决您当前的问题
3. 寻找mat-table的虚拟滚动