在 Web 应用程序的前端预览大型数据集 (Angular)

Question

我正在构建一个 Angular 7 应用程序，用户可以在其中上传大约 10.0000x10.0000 甚至更多的大数据集。在上传文件后的某个步骤，用户应该能够预览他/她上传的文件。

所以我想知道是否有任何特定的方法可以在不一次加载整个数据集的情况下做到这一点。我认为是一个数据表，它将为列和行提供分页器。在这种情况下，只会向用户显示原始数据集的特定窗口（例如 200x200），并且他可以使用分页器在其中导航。

我在 google 中搜索了水平/垂直分页器表，但找不到有用的东西。这些元素是否有其他名称可供我搜索？你见过这样的实现吗？

欢迎任何想法。

Answer 1

有很多与 Angular 兼容的“数据网格”和“电子表格”组件您可以尝试，例如Ag-Grid、Syncfusion 和Handsontable。 （有些是开源/双重许可的，有些是商业的。）

但是：

1. 通常这些组件仅支持行分页，因此您将 需要添加列分页，着眼于性能。
2. 从用户体验的角度来看，让用户检查 10k×10k 数据网格的正确性不是很友好，即使使用滚动条和分页也是如此。

相反，您可能需要考虑替代方案。也许只显示取自数据表“四个角”的用户子集（例如，表格左上角、右上角、左下角和右下角的几行/列）——加上显示用户摘要统计（读取的行数和列数等）

这是上传后可以向用户显示的内容的粗略模型。 （这个预览可以由四个固定的表格快速构建。）也许这可能会引发一些想法：

无需滚动/分页，用户可以一目了然地验证上传。