groog
@groog
Я только учусь

Как лучше отобразить таблицу 360х360 (129 600 элементов)?

Необходимо отобразить на странице большую таблицу. Содержимое ячеек - цифры. Цвет ячейки зависит от значения. Одновременно во вьюпорт поместится поле приблизительно 20х30. Реализация предполагается на Vue. Основной запрос - скорость работы. Необходимо чтобы пользователь мог скроллить таблицу без тормозов. В песочницах после 150х150 начинаются подтормаживания.

Поделитесь, пожалуйста, опытом. Как это лучше реализовать? Таблицей или блоками? На что обратить внимание? Сгенерировать "в лоб" все сразу? Следить за скроллом и показывать только ячейки вьюпорте? Отрисовать в SVG? Как-то еще?
  • Вопрос задан
  • 198 просмотров
Пригласить эксперта
Ответы на вопрос 3
Fragster
@Fragster
помогло? отметь решением!
Нужно использовать подход из https://github.com/tangbc/vue-virtual-scroll-list , если ячейки одного размера, то несложно.
Ответ написан
Lord_Dantes
@Lord_Dantes
Front-end developer
В основном суть лежит за нагрузкой, я думаю есть пару вариантов. Добавить кнопку возможно при которой подгружаются записи там 100-200, ну или оптимальное кол-во или же прик скролле сделать так если возможно аяксом.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
R52.RU Нижний Новгород
от 30 000 до 50 000 руб.
Star-staff Москва
от 100 000 до 150 000 руб.
Junto Москва
от 90 000 до 120 000 руб.
23 окт. 2019, в 12:53
2000 руб./за проект
23 окт. 2019, в 12:26
3000 руб./за проект
23 окт. 2019, в 12:12
10000 руб./за проект