Предварительный просмотр больших наборов данных в интерфейсе веб-приложения (Angular)

Question

Я создаю приложение Angular 7, где пользователь может загружать большие наборы данных размером около 10,0000x10,0000 или даже больше.На каком-то шаге после загрузки файлов пользователь должен иметь возможность предварительно просмотреть файл, который он / она загрузил.

Так что мне было интересно, есть ли какой-то конкретный способ сделать это без загрузки целых данныхустановить сразу.То, что я думал, является датируемой таблицей, которая будет иметь paginator для столбцов и строк.В этом случае пользователю будет отображаться только определенное окно исходного набора данных (например, 200x200), и он мог перемещаться по нему с помощью страниц.

Я искал таблицы горизонтальных / вертикальных страниц в Google, но не смогнайти что-то полезное.У таких элементов есть другое имя, по которому я могу их искать?Вы когда-нибудь видели, чтобы нечто подобное было реализовано?

Любая идея приветствуется.

Answer 1

Существует множество компонентов «сетки данных» и «электронных таблиц», совместимых с Angular, которые можно попробовать, например, Ag-Grid , Syncfusion и Handsontable . (Некоторые с открытым исходным кодом / с двойной лицензией, другие коммерческие.)

Тем не менее:

1. Обычно эти компоненты поддерживают только разбиение на строки, поэтому необходимо добавить нумерацию столбцов, ориентируясь на производительность.
2. С точки зрения UX, заставляя пользователя проверять сетку данных 10 к 10 К на правильность, это не очень удобно, даже с использованием скроллеров и подкачки.

Вместо этого вы можете рассмотреть альтернативы. Может быть, просто показать пользовательские подмножества, взятые из «четырех углов» таблицы данных (например, несколько строк / столбцов в верхнем левом, верхнем правом, нижнем левом и нижнем правом углу таблицы) - плюс показать сводная статистика пользователя (количество прочитанных строк и столбцов и т. д.)

Вот примерный макет того, что может быть показано пользователю после загрузки. (Этот предварительный просмотр может быть быстро построен из четырех фиксированных таблиц.) Возможно, это может вызвать некоторые идеи:

Не требуется прокрутка / пейджинг, и пользователь может сразу проверить загрузку.