Standard

Für diese Darstellung Standard ist keine separate Klassenverwendung nötig.

TabellenkopfTabellenkopfTabellenkopfTabellenkopfTabellenkopf
Tabellenfuß Tabellenfuß Tabellenfuß Tabellenfuß Tabellenfuß
Zeilenkopf ... ... ... ...
Zeilenkopf ... ... ... ...
Zeilenkopf ... ... ... ...

Markierungen

Für folgende Beispiele sind jeweils die in den Zellen aufgeführten CSS-Klassen notwendig.

Alle Zellen/Spalten bekommen eine zur Laufzeit vom Browser berechnete Breite, abhängig vom jeweiligen Inhalt, zugewiesen.

Bsp. 1

TabellenkopfTabellenkopfTabellenkopfTabellenkopfTabellenkopf
Tabellenfuß Tabellenfuß Tabellenfuß Tabellenfuß Tabellenfuß
Zeilenkopf .marked ... ... ...
Zeilenkopf ... .marked ... ...
Zeilenkopf ... ... .marked ...
Zeilenkopf ... ... ... .marked

Bsp. 2

Tabellenfuß Tabellenfuß Tabellenfuß Tabellenfuß Tabellenfuß
.emptySpaltenkopfSpaltenkopfSpaltenkopfSpaltenkopf
Zeilenkopf .marked ... .marked-medium ...
Zeilenkopf ... .marked .marked-medium ...
Zeilenkopf ... ... ... ...
Zeilenkopf ... ... .marked-medium .marked

Bsp. 3

Tabellenfuß Tabellenfuß Tabellenfuß Tabellenfuß Tabellenfuß
.emptySpaltenkopfSpaltenkopfSpaltenkopfSpaltenkopf
Zeilenkopf .marked-medium ... .marked ...
Zeilenkopf ... .marked-medium .marked ...
Zeilenkopf ... ... ... ...
Zeilenkopf ... ... .marked .marked-medium

Zebra

Für die nachfolgenden Darstellungen ist die Klasse 'zebra' im Table-Tag ('<table />') notwendig.

TabellenkopfTabellenkopfTabellenkopfTabellenkopfTabellenkopf
TabellenfußTabellenfußTabellenfußTabellenfußTabellenfuß
Zeilenkopf ... ... ... ...
Zeilenkopf ... ... ... ...
Zeilenkopf ... ... ... ...
Zeilenkopf ... ... ... ...
Zeilenkopf ... ... ... ...
TabellenfußTabellenfußTabellenfußTabellenfußTabellenfuß
... ... ... ... ...
... ... ... ... ...
... ... ... ... ...
... ... ... ... ...
... ... ... ... ...