如何使用角度6的分页,过滤,排序功能在表组件中加载大数据

问题描述 投票:0回答:2

我是一个业余角色开发人员,正在制定一项要求,我需要在桌面上加载> 100万条记录。如何处理整个数据集的分页,排序和过滤。另外,我如何延迟加载数据集,还要确保对整个数据进行排序,过滤,而不仅仅是一大块数据。 1.是否有可能通过任何图书馆实现这一目标,我需要一些工作演示或指南来实现这一点。

angular user-interface
2个回答
0
投票

有一些框架,如角度材料或primeng,上帝表格与分页。但我不确定是否有懒惰装载。


0
投票

你在这里提到的根本不是问题。它是任何数据网格的基本功能。你有很多选择。

  1. PrimeNg table(Turbo表也称为p表):易于开发,但如果使用格式化并且每页的记录超过150则非常慢。好文档,免费。
  2. Ag-Grid:有社区和定价版本。好文档。表现也更好。开发比PrimeNg表更难,但并不是那么困难。也支持动画。

当你考虑其他所有的表现时,我提到的第一个选项甚至不在列表中。因此,取决于您的要求选择完美的网格。以下是一些高性能网格,它们首先闪耀,但甚至没有良好的文档或教程。但在性能方面,它将超越我上面提到的两个方面。

  1. 最终Hypergrid。 npmgithubCDNAPI docdemo
  2. SlickGrid。 npmgithubdemo

有关更好的性能比较,请参阅此article

© www.soinside.com 2019 - 2024. All rights reserved.