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

相关内容

热门资讯

总结透视！wepoker透视脚... 总结透视！wepoker透视脚本免费下载pc，epoker透视底牌，机巧教程（真是有挂）-哔哩哔哩1...
揭露透视!werplan免费挂... 揭露透视!werplan免费挂下载!一直真的有辅助技巧(有挂详细)-哔哩哔哩1、玩家可以在werpl...
教你透视！werplan怎么透... 教你透视！werplan怎么透视，wepoker免费脚本咨询，手册教程（真实有挂）-哔哩哔哩1、让任...
了解透视!来玩app破解版!果... 了解透视!来玩app破解版!果然是真的有辅助技巧(有挂方式)-哔哩哔哩运来玩app破解版辅助工具，进...
推荐透视！wepoker到底有... 推荐透视！wepoker到底有没有透视，aapoker透视脚本入口，方案教程（有挂工具）-哔哩哔哩w...
了解透视!哈糖大菠萝软件下载!... 了解透视!哈糖大菠萝软件下载!总是真的有辅助神器(有人有挂)-哔哩哔哩1、打开软件启动之后找到中间准...
必备透视！hhpoker怎么防... 必备透视！hhpoker怎么防作必弊，aa poker透视软件，演示教程（有挂功能）-哔哩哔哩1、h...
曝光透视!werplan辅助软... 曝光透视!werplan辅助软件!竟然真的有辅助方法(有挂透明挂)-哔哩哔哩1、下载好werplan...
详细透视！wepoker轻量版... 您好，wepoker轻量版透视系统这款游戏可以开挂的，确实是有挂的，需要了解加去威信【1367043...
揭幕透视!epoker免费透视... 揭幕透视!epoker免费透视脚本!本来真的是有辅助方法(有挂教程)-哔哩哔哩epoker免费透视脚...