Как отобразить таблицу в 1000 строк как можно быстрее?

Question

[Victorius13]

Уже при загрузке страницы есть таблица (т.е. ее не надо генерировать через javascript). Нужно с помощью JavaScript (ну если нужно будет то и с помощью php) добавить поиск и разделение на части (например, чтоб с начала отображались только 25 строк из таблицы (1-25, 26-50 и т.д.)).
P.s. Если использовать DataTables, то страница начинает довольно сильно тормозить на слабых устройствах. Если вообще не делить таблицу на части (1-25, 26-50, 51-75 и т.д.) страница тоже начинает лагать на слабых устройствах.
Буду очень благодарен за ответ!

Comments

[Rustam Bainazarov]

table-layout: fixed;

Ну это чтобы таблица отображалась по мере загрузки сразу же, а не ждала рендеринга всего массива строк.

А вообще, с таким количеством строк неудивительно, что оно тормозит. Навряд ли вы это исправите, если в DOM будут все 1000 строк одновременно. Только AJAX-пагинация вас спасёт.

Таблицы в целом медленные. Ещё на заре цивилизации их перестали использовать для той же разметки в т. ч. и по этой причине (ну и плюс они нифига не гибкие).

[Николай Конюхов]

Соглашусь с Рустам Байназаров, добавьте пагинацию

[Роман]

Такой вариант не подойдет?

Answer 1

[dollar]

1) Сначала перевести данные из таблицы в переменные JS.
2) Саму исходную таблицу убрать.
3) Формировать на основе данных всё, что вам нужно - пагинацию, поиск, сортировку.
4) Любой осмысленный клик сопровождается перерисовкой 25 строк таблицы.

Вообще странно, что вся таблица сразу подгружается. Обычно аяксом по частям. Ну хотя 1000 строк - не так уж и много.