Milan Kryl

Kryl Blog - RSS

Tabulky - stylování sudých a lichých řádků

06. 03. 2004 - 22:44

Problém, který mě už jednou po cestě tramvají napadl, ale nakonec jsem ho nijak neřešil. Nebyl jsem jediný, kdo o něm uvažoval. Dotyčný se ale pustil do jeho řešení a publikoval o tom článek na A List Apart - Zebra Tables

Problémem je, že v kaskádových stylech do verze 2.1 nelze adresovat každý několikátý řádek tabulky. V některých prohlížečích lze použít pseudotřídu :first, ale tím veškeré konkrétnější adresování končí.

V návrhu kaskádových stylů verze 3 se již počítá se stylováním každého n-tého prvku. Je přidána pseudotřída :nth-child. Než ji ale bude možno reálně použít, to si budeme muset ještě dlouho počkat.

Druhým řešením je použití DOM a JavaScriptu. Vysvětlení, jak vše funguje naleznete v již zmiňovaném článku - Zebra Tables, skript v javascriptu a tak může vypadat výsledek obarvení.

Jakoukoliv tabulku mající definované id obarvíme pomocí zavolání funkce stripe(id) při načítání dokumentu.

 

Tip: Nevíte čím obdarovat nejbližší? Nechte je napsat Ježíškovi.