Farbwechsel in Tabellen mittels jQuery | JavaScript

Längere Tabellen wirken oft etwas unübersichtlich, vor allem wenn man eine Tabellenzeile über mehrere Spalten ansieht. Da ist es schnell passiert, dass man nach unten oder oben verrutscht. Eine geläufige Lösung für dieses Problem ist es, dass man jede zweite Zeile in einer anderen Farbe darstellt. So kann man einem Eintrag leichter von einer Spalte zur nächsten folgen. Früher gab es für Nadeldrucker sogar extra Papier, wo die horizontalen Streifen bereits aufgedruckt waren (Tabellierpapier).

Für die Ausgabe von Tabellen zweifarbigen Tabellen in HTML gibt es verschiedene Lösungsansätze. So kann man z.B. serverseitig so einen Farbwechsel erzeugen (z.B. mittels PHP) und die fertige Tabelle bereits mit verschiedenen CSS Klassen pro Zeile an den Browser senden. Aber auch clientseitig kann man es per Javascript bewerkstelligen. Eine einfache Art, so einen Farbwechsel zu realisieren bietet die Javascript Bibliothek jQuery.

Weiterlesen …