Szybkie ukrywanie wierszy w tabeli Opcje

[nospor]

Hej, mam tabele z duza iloscia wierszy. Tabela jest filtrowana dynamicznie i wiersze albo sa chowane albo pokazywane.
Aby schowac/pokazac wiersz dodaje pooprostu dla TR odpowiednia klase lub ja usuwam, wyglada to mniej wiecej tak

Kod

if (sth) {
elTr.classList.add("hidden-element");
} else {
elTr.classList.remove("hidden-element");
}

Jak widzicie uzywam do tego czystego js.
Jednak dziala to straaaaasznie wolno. Nie jest to problem warunkow bo gdy usune dodawanie/chowanie klasy to calosc wykonuje sie momentalnie. Gdy tylko przywroce te dwie linijki dodajace/usuwajace klase calosc zamula niemilosiernie.

Problem wystepuje na IE i FF. Na chrome dziala bez zarzutow.

Czy istnieje jakas inna metoda na chowanie/pokazywanie elementow by to dzialalo znosnie? Probowalem tez chowac/pokazywac bezczelnie tr ale to dziala jeszcze wolniej.

[trueblue]

Myślę, że to nie kwestia samej metody, lecz renderingu tabeli.

Ale może tak coś się poprawi?

[HTML] pobierz, plaintext 
elTr.className=elTr.className.replace('hidden-element','');
elTr.className+=' hidden-element';
[HTML] pobierz, plaintext 

Bezczelnie, czyli poprzez style.display?

Ten post edytował trueblue 20.10.2016, 11:25:56

[nospor]

Twoje metoda przyspieszyla nieco ale mimo wszystok jeszcze wolno.

Bezczelne - tak, display

[trueblue]

To może zamiast ukrywać:

[HTML] pobierz, plaintext 
tr.hidden-element td{
 font-size:0;
 padding:0;
}
[HTML] pobierz, plaintext 

Ten post edytował trueblue 20.10.2016, 11:40:56

[nospor]

Nie, raz ze nie dziala to szybciej to jeszcze tabela rozwalona (IMG:style_emoticons/default/wink.gif)

[trueblue]

Nie bardzo wiem jak to mogło rozwalić tabelę, co najwyżej nie są do końca ukrywane komórki (mają bardzo małą wysokość).

Może tak:

[HTML] pobierz, plaintext 
tr.hidden-element{
  position:absolute;
  left:-10000px;
}
[HTML] pobierz, plaintext 

[nospor]

To i tak nie ma sensu skoro nie dziala szybciej

Edit: A nie, przepraszam, dziala szybciej (IMG:style_emoticons/default/smile.gif)
Jeszcze jakies cenne uwagi?

edit
@trueblue dzieki za wskazowki (IMG:style_emoticons/default/smile.gif)

[Comandeer]

Zamiast takiego ukrywania zawsze jest metoda z clip, która może być szybsza. Do tego można popróbować z opóźnieniem renderingu przy pomocy requestAnimationFrame.