在Web应用程序的前端预览大型数据集（角度）

Question

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

因此，我想知道是否有任何特定的方法可以在不立即加载整个数据集的情况下进行操作。我认为这是一个数据表，该数据表将具有用于列和行的分页器。在这种情况下，只会向用户显示原始数据集的特定窗口（例如200x200），并且他可以使用分页器在其中导航。

我在Google中搜索了水平/垂直分页器表，但找不到有用的东西。这些元素是否有其他名称可供我搜索？您是否看到过类似的实施方案？

任何想法都受到欢迎。

Answer 1

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

但是：

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

相反，您可能要考虑替代方法。也许只是显示从数据表的“四个角”中提取的用户子集（例如，表的左上角，右上角，左下角和右下角的几行/列），加上显示用户摘要统计信息（读取的行数和列数等）

下面是上传后可以显示给用户的粗略模型。 （可以从四个固定的表中快速构建此预览。）也许这可能会引发一些想法：

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