带有扩展行的Angular Mat-Table性能降低

时间:2019-05-22 22:58:03

标签: angular performance angular-material mat-table

我正遇到标题上提到的问题。

我有一个席子表数据源,该数据源具有在子组件中声明的可扩展行,该子组件以@Input()的形式接收用户数组和Status的变量,在ngOnChanges()中,我用接收到的状态过滤该数组并分配过滤到数据源的数组。

此行为是因为我有4个具有相同L&F的表视图,并且表上显示的用户列表(活动,不活动等)发生了什么变化。

但是,当我在视图中滑动以查看相应用户的列表时,需要花费几秒钟来显示完整的表,我发现这是由于可扩展的行显示了每个用户的详细信息。尽管默认情况下视图上不可用,但是在每个TD标签中为每个用户呈现所有HTML代码(可扩展行)会发生什么情况

任何想法如何解决这个问题?我已经考虑过Virtual Scroll,但是它不能与Mat-Table标签一起使用。我还考虑过不使用可扩展的行,但必须更改要求。

谢谢!

0 个答案:

没有答案