Ищите плагины JS для загрузки большого количества данных в формате сетки - PullRequest
0 голосов
/ 10 ноября 2019

Я ищу имена некоторых полезных плагинов JS для загрузки большого объема данных и отображения их в формате сетки, например:

+----------------+---------+---------+--------+---------+---------+------+
| Username/Roles | Admin 1 | Super 1 | User 1 | Admin 2 | Super 2 | .... |
+----------------+---------+---------+--------+---------+---------+------+
| User 1         | x       |         | x      |         |         |      |
| User 2         |         | x       |        |         | x       |      |
| User 3         | x       |         |        | x       |         |      |
| ...            |         |         |        |         |         |      |
+----------------+---------+---------+--------+---------+---------+------+

Итак, в действительности фактические данные немного отличаются, но просто для объяснения этогоЯ использовал простую ссылку на имя пользователя и роли здесь. Таким образом, в первом будут показаны все роли, которые не являются фиксированными, а также в первом столбце будут показаны все имена пользователей, которые также не являются фиксированными. Там может много-много ролей и имен пользователей. В этом примере User 1 имеет две роли Admin 1 & User 1. Итак, я поставил крестик в этой позиции, чтобы пользователь мог визуально увидеть, у какого пользователя есть какие роли. То же самое относится и к другим пользователям.

Итак, я ищу плагин JS, который позволил бы мне прокручивать по вертикали и горизонтали, а также имел некоторые функции, такие как виртуальная прокрутка , чтобы полные данные не былипривязка при загрузке страницы, что ускоряет загрузку сетки.

Я пытался использовать простую таблицу HTML, но она работала, когда у нас было небольшое количество записей. Когда данные станут большими, страница на некоторое время остановится, так как код js все еще создает ячейки таблицы в фоновом режиме. Ждем ваших предложений. Спасибо!

1 Ответ

0 голосов
/ 10 ноября 2019

Я недавно обнаружил Cheeta Grid. Он использует HTML 5 Canvas вместо обычного HTML, что делает его действительно быстрым.

Демонстрационная страница показывает 1 000 000 записей менее чем за 200 мс.

Подробнее: https://future -architect.github.io / cheetah-grid /

...