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

Question

我正在将材质表与Angular 7配合使用。在一个屏幕上，大约有7000条记录。该表加载的页面大小为10或20或100很好。但是，在这种情况下，我将页面大小更改为All（7000）时，它不会显示，并且chrome崩溃，并显示错误“页面无响应”。

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

请帮助。

Answer 1

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

我可以推荐的三件事可以尝试：

1. 从分页中摆脱全部（没有人要滚动7000条记录，而是实现过滤）
2. 尝试服务器端分页来解决当前问题
3. 寻找席子表的virtual scroll