Glengamoi

´nabend !

Ich hab da ein kleines Problem:
Ich hab eine HTML-Tabelle mit 500 Zeilen, jede Zelle hat eine eigene Id. Auf Knopfdruck moechte ich bestimmte SPALTEN per JavaScript mit getElementById().style.display = none ausblenden. Funktioniert soweit auch alles.
Nur: bei 500 oder mehr Zeilen braucht der Browser unbrauchbar lange, bis er die Tabelle durchlaufen und die entsprechenden Zellen ausgeblendet hat.
Hat vielleicht jemand eine Idee, wie man sowas beschleunigen koennte ? Im Moment fehlt mir da ein wenig der Ansatz.

Gruss
Olli

> Ich hab da ein kleines Problem:
> Ich hab eine HTML-Tabelle mit 500 Zeilen, jede Zelle hat eine
> eigene Id. Auf Knopfdruck moechte ich bestimmte SPALTEN per
> JavaScript mit getElementById().style.display = none
> ausblenden. Funktioniert soweit auch alles.
> Nur: bei 500 oder mehr Zeilen braucht der Browser unbrauchbar
> lange, bis er die Tabelle durchlaufen und die entsprechenden
> Zellen ausgeblendet hat.
> Hat vielleicht jemand eine Idee, wie man sowas beschleunigen
> koennte ? Im Moment fehlt mir da ein wenig der Ansatz.

2 Ansätze:

1. Vorausgesetzt die Zellen brechen nicht um(mit CSS erzwingen) bleiben alle
Zellen gleich hoch. Dann kannst Du Deine Tabelle so aufbauen.

Zelle 1 Zelle 2 Zelle 3

Zelle 1 Zelle 2 Zelle 3

Und kannst dann per CSS auf einmal eine komplette Spalte ausschalten. Per
CSS der äusseren und inneren Tabelle kannst Du auch dafür sorgen, dass die
geschachtelten Tabellen aussehen wie eine einzige, also keine doppelten
border etc.

2. Eine Klasse pro Spalte:

X	X	X
X	X	X

Und dann per JS das CSS für die Klassen ändern...
Siehe: http://www.shawnolson.net/a/503/



Claudius

Claudius, du hast mich gerettet !

Da ich eigentlich kein Freund von massig verschachtelten Tabellen bin, fand ich deinen ersten Ansatz eher maessig. Aber der Zweite traf voll ins Schwarze.

Hab vielen Dank dafuer.

Gruss
Olli