AngularMaterial表格渲染600多行速度非常缓慢（大约需要1分钟），并且导致浏览器冻结。
创始人
2024-10-28 08:01:43
0次

问题的根本原因是尝试渲染大量数据。为了提高表格的性能，在Angular Material中提供了虚拟滚动的功能，它可以根据滚动位置只渲染可见的行。

以下是实现虚拟滚动的示例代码：

  1. 将table外层的div添加mat-table的样式：

  1. 使用mat-table的子元素将数据渲染到表格中：

Column1 {{element.column1}}

  1. 将mat-table元素绑定到CdkVirtualScrollViewport指令，以实现虚拟滚动：

Column1 {{element.column1}}

在这个示例中，Cdk

上一篇：AngularMaterial表格无法显示数据。

下一篇：AngularMaterial表格在接收到新数据时未更新

相关内容

热门资讯

第六分钟了解(德扑之星带入)软... 【福星临门，好运相随】；第六分钟了解(德扑之星带入)软件透明挂辅助工具(透视)攻略教程(2025已更...
第9分钟了解(微扑克游戏)外挂... 第9分钟了解(微扑克游戏)外挂智能ai辅助科技(透视)微扑克教程(2023已更新)(哔哩哔哩);1、...
一分钟了解(德州手机)黑科技透... 一分钟了解(德州手机)黑科技透明挂辅助工具(透视)辅助教程(2024已更新)(哔哩哔哩);一、德州手...
第9分钟了解(德州wpk德州)... 第9分钟了解(德州wpk德州)软件透明挂辅助app(透视)普及教程(2020已更新)(哔哩哔哩);1...
第1分钟了解(德扑之星软件)外... 第1分钟了解(德扑之星软件)外挂智能ai辅助工具(透视)必胜教程(2021已更新)(哔哩哔哩)是一款...
第三分钟了解(AApoker)... 第三分钟了解(AApoker)外挂智能ai辅助插件(透视)技巧教程(2025已更新)(哔哩哔哩)相信...
第四分钟了解(wpk系统)黑科... 第四分钟了解(wpk系统)黑科技透明挂辅助科技(透视)攻略教程(2022已更新)(哔哩哔哩)；致您一...
第一分钟了解(德扑线上房间)外... 第一分钟了解(德扑线上房间)外挂智能ai辅助代打(透视)解密教程(2023已更新)(哔哩哔哩);1、...
2分钟了解(We辅poker助... 2分钟了解(We辅poker助)外挂辅助插件安装软件(透视)AI教程(2021已更新)(哔哩哔哩)是...
1分钟了解(wpk辅助器)软件... 1分钟了解(wpk辅助器)软件透明挂辅助器(透视)安装教程(2022已更新)(哔哩哔哩)；超受欢迎的...