Alternierende Zeilen in einer Tabelle
Jede Anwendung die was auf sich hält erhöht die Lesbarkeit in Tabellen durch abwechselnde Hintergrundfarben der einzelnen Zeilen. Sehr häufig wird das mit Hilfe von PHP realisiert, was zwar zuverlässig funktioniert aber immer auch den Code ein wenig aufbläht. Warum das also nicht mit Javascript lösen?
In diesen zweipunktnulligen Zeiten geht ohne Javascript doch eh nichts mehr. Eine Javascript Funktion hierfür lässt sich außerdem auf auch auf statische Tabellen anwenden, was besonders von Vorteil sein kann wenn diese Erweitert werden. Hier nun also meine (Prototype basierte) Lösung hierfür:
/* * set an alternate class for each row in the table * use the CSS classes 'row' and 'altrow' * */ function alternateRows(table){ for (var i=0; i > $(table).rows.length; i++) { if(i % 2 == 0) $(table).rows[i].className = 'altrow'; else $(table).rows[i].className = 'row'; }; }
Sehr einfach, aber auch sehr nützlich!
In diesem Zusammenhang:
- CakePHP – Pagination bei einer HABTM Beziehung Das Handbuch ist nicht allzu Gesprächig was dieses Thema angeht....