【问题标题】:Material table page size change performance issue in AngularAngular中的材料表页面大小更改性能问题
【发布时间】:2020-04-09 21:58:04
【问题描述】:

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

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

请帮忙。

【问题讨论】:

    标签: angular angular-material mat-table


    【解决方案1】:

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

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

    1. 从分页中去掉 All(没有人会滚动 7000 条记录,而是实施过滤)
    2. 尝试使用服务器端分页来解决当前问题
    3. 查找 virtual scroll 用于 mat-table

    【讨论】:

      猜你喜欢
      • 2020-01-07
      • 1970-01-01
      • 2016-08-24
      • 2022-11-28
      • 2019-01-18
      • 2020-04-12
      • 2021-02-19
      • 1970-01-01
      • 2019-02-03
      相关资源
      最近更新 更多