Как сделать таблицу, внутри которой будет при прокрутки подругружатся инфа с сервера?

Question

[justfro]

Как сделать таблицу, в которую при прокрутки будет подгружаться информация с сервера? Есть ли примеры в интернете? Если есть, то буду благодарен.

Задача:
При загрузке страницы с сервера подгружается 20 записей в таблицу. Далее, по мере прокрутки загружаются остальные записи.
Важно: необходимо выполнить сортировку по разным полям таблицы.

Сильная ли нагрузка будет на сервер если в таблице будет 1000+ записей при 1000+ клиентов на сайте? Если разложите по полочкам - буду благодарен.

Comments

[Rustam Bainazarov]

Ищите виртуальные таблицы а-ля:
https://clusterize.js.org/

Загружать в DOM всю такую таблицу — это самоубийство.

[Jack Williams]

Примите апдейт.

[justfro]

Jack Williams, не совсем понял, мимите апдейт? Можно по подробнее

[Jack Williams]

justfro, я ваш вопрос поправил. Нажмите на кнопку с 3-я точками, в выпадающем списке выберите 'История изменений. Там будет моя версия вашего вопроса. Примите ее.

Answer 1

[d'Ivan]

На бэкенде это запрос в таблицу с указанием количества и смещения. www.sqltutorial.org/sql-limit
Клиент по мере прокрутки помимо указания искомой сущности передает дополнительный параметр page. Это номер страницы при пролистывании данных таблицы. Количество строк обычно фиксированное на клиенте и используется для вычисления смещения в таблице при получении запроса на сервере.
Есть готовые библиотеки и веб-компоненты для пролистывания данных длинных таблиц, например, datatables.net .
Если добавлены нужные индексы для таблиц, будет быстро. Если клиенты обычно спрашивают одни и те же страницы, то стоит добавить кэширование их (Memcached, Redis, Tarantool), что сильно снизит нагрузку на СУБД.

Comments

[justfro]

спасибо за инфу)