Javascript
Zebra-Tabellen mit JavaScript

Beim täglichen Blog-Lesen bin ich auf einen
A List Apart-Artikel gestoßen, der angesichts meines aktuellen Projekts wie die Faust aufs Auge passte: Erzeugen von sog. Zebra-Tabellen mit Javascript.
Als Zebra-Tabellen bezeichnet man jene Tabellenkonstrukte, in denen jede zweite Zeile der Übersichtlichkeit halber eine andere Hintergrundfarbe besitzt. Damit erspart man sich Tabellenlinien, um die Informationen einer Zeile "zusammenzuhalten".
Das Ganze besiert natürlich auf CSS-Klassen. Bei server-seitig (mittels ASP, PHP, et cetera) erzeugten Tabellen kann man die Zuweisung der Klassen für gerade und ungerade Zeilen noch recht einfach steuern. Bei Tabellen, die per Javascript im Client erzeugt werden, sieht die Sache etwas anders aus. Nach jedem Einfügen einer Zeile muss man dafür sorgen, daß die richtige Hintergrundfarbe angelegt wird.
Das
Script von David F. Miller eignet sich wunderbar, um nach dem Einfügen der Zeile die komplette Tabelle zebra-technisch neu zu berechnen. Dabei kann es auch mit speziell eingefärbten Zeilen umgehen.
Einziges Manko: Miller setzt die Farben direkt per Style-Attribut, aber mit etwas Anpassungsarbeit gelingt es auch CSS-Klassen zu verwenden.