如何使用angular 6通过分页，过滤和排序功能实现在表组件中加载大数据

Question

我是一名业余角度开发人员，致力于满足我需要通过分页在桌子上加载超过100万条记录的要求。如何处理完整数据集的分页，排序和过滤。此外，我如何才能懒加载数据集，还要确保对完整数据（而不只是一部分数据）进行排序，过滤。 1.是否可以使用任何库来实现这一点，我需要一些工作演示或实施指南。

Answer 1

有一些框架，例如角材料或质朴的天赋表具有分页功能。 但是我不确定是否需要延迟加载。

Answer 2

您在这里提到的完全不是问题。它是任何数据网格的基本功能。您可以选择很多选项。

1. PrimeNg table（Turbo表，也称为p表）：易于开发，但是如果使用格式化并且每页记录超过150条，则非常慢。好的文档，免费的。

2. Ag-Grid：具有社区版本和价格版本。好的文档。性能也更好。开发比PrimeNg表难，但难度不那么大。也支持动画。

当您考虑除其他所有内容之外的性能时，我提到的第一个选项甚至不在列表中。因此，根据您的要求选择理想的网格。这里有一些高性能的网格，最重要的是它们，但甚至没有好的文档或教程。但是在性能方面，它将胜过我上面提到的两个方面。

1. Fin-Hypergrid。 npm，github，CDN，API doc，demo
2. SlickGrid。 npm，github，demo

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