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表格在接收到新数据时未更新

相关内容

热门资讯

透视工具！aapoker安装包... 透视工具！aapoker安装包怎么使用（透视）aapoker万能辅助器，AA德州教程（有挂揭秘）1、...
透视数据！aapoker辅助工... 透视数据！aapoker辅助工具安全吗（透视）aapoker插件，安装教程（有挂细节）；1、这是跨平...
透视总结！aapoker怎么设... 透视总结！aapoker怎么设置提高好牌几率（透视）aapoker辅助器是真的吗，解密教程（有挂揭秘...
透视系统！aapoker如何设... 透视系统！aapoker如何设置胜率（透视）aa poker透视软件，2025新版教程（有挂解说）1...
透视挂！aapoker辅助器怎... 透视挂！aapoker辅助器怎么用（透视）aapoker ai插件，解密教程（有挂揭秘）1.aapo...
透视中牌率！aa poker透... 透视中牌率！aa poker透视软件（透视）aapoker透视插件，解密教程（有挂解说）1、操作简单...
透视规律！aapoker免费透... 透视规律！aapoker免费透视脚本（透视）aapoker插件下载，AI教程（有挂揭秘）1、aapo...
透视新版！aapoker辅助工... 透视新版！aapoker辅助工具安全吗（透视）aapoker万能辅助器，教你攻略（有挂黑科技）1、构...
透视系统！aapoker安装包... 透视系统！aapoker安装包怎么使用（透视）aapoker透视插件，解说技巧（有挂细节）小薇（透视...
透视透视！aapoker俱乐部... 透视透视！aapoker俱乐部靠谱吗（透视）aapoker俱乐部靠谱吗，黑科技教程（有挂细节）；1、...