Сведения о вопросе

Fedya

17:54, 28th August, 2020

Теги

JavaScript    

быстрые манипуляции со строками таблицы

Просмотров: 269   Ответов: 8

Есть таблица на 5к строк. И необходимость скрывать/показывать выборки из 1к её строк. Обычный вариант $(#table .need_hide).hide() работает очень долго. Минуты в зависимости от браузера. Есть варианты сделать-таки это средствами js или переносить на сервер только?



  Сведения об ответе

Chhiki

23:48, 26th August, 2020

Очень здорово помогает такой приём: прописывать класс только одному, родительскому элементу и задавать видимость в css:

<style>
#sometable.do_hide .need_hide { display: none; }
</style>

...

$('#sometable').addClass('do_hide');


  Сведения об ответе

lool

00:20, 8th August, 2020

Если надо именно на JS — cамое быстрое отказаться от абстракций.

  var trs  = document.getElementById("table").getElementsByTagName("tr");
  for (var i=0; i<trs.length;i++){
    var tr = trs[i];
    if (tr.hasAttribute("class") && tr.getAttribute("class") == "need_hide"){
       tr.setAttribute("style", "display: none");
    }
  }


  Сведения об ответе

PHPH

10:17, 23rd August, 2020

Вы уверены, что вам действительно нужны 5 тысяч строк данных на одной странице? Я бы разбивал данные на стороне сервера на страницы строк по 50, например. А для поиска нужных данных — сортировка по различным колонкам + операция фильтрации + кнопочка Hide.


  Сведения об ответе

PIRLO

09:56, 18th August, 2020

Попробуйте скрыть таблицу (необязательно через display:none, лучше через visibility:hidden), потом скрыть все строки, а потом снова показать таблицу.
Советую почитать: webo.in/articles/all/2009/31-rending-restyle-reflow-relayout/


  Сведения об ответе

pumpa

05:04, 21st August, 2020

На сервер такое тоже не перенесешь, статический грид 5K будет грузится очень долго, я предлагаю вам попробывать не использовать table впринципе, а перейти на ul li, браузеры работают со списками гораздо быстрее, даже IE7, сам правда пробывал на тысячи записей, грид на js заполнялся очень долго, не говоря уж об IE который всю винду подвешивал. А вот со списками все гораздо веселее выглядело! плюс к этому совет от и я думаю будет побыстрее… строку внутри li элумента делайте inline элкментами, например span они быстрее div


  Сведения об ответе

lats

17:35, 12th August, 2020

Создайте 5 таблиц по 1к и скрывайте сами таблицы.


  Сведения об ответе

ITSME

00:27, 3rd August, 2020

есть плагин для jquery www.trirand.com/blog/jqgrid/jqgrid.html (Advanced -> Search Big Sets) какраз для работы с большими таблицами


  Сведения об ответе

padenie

05:15, 7th August, 2020

Клиент не предназначен для обработки такого количества информации.
Если у кого-то комп не такой мощный как у вас будет или попутно запустят ещё пару весовых приложений — скорость ещё ниже будет.

Можете попробовать работать с загруженными данными в JSON, а не с таблицей, а саму таблицу генерить на ходу и вставлять в необходимое место — это будет ещё быстрее.


Ответить на вопрос

Чтобы ответить на вопрос вам нужно войти в систему или зарегистрироваться