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

Posted 2021-04-01

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

答案

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

另一答案

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

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

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

3. 最终Hypergrid。 npm，github，CDN，API doc，demo
4. SlickGrid。 npm，github，demo

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