Tabellen

Tabellen sind ausschliesslich für tabellarische Daten zu verwenden. Aus Gründen der Zugänglichkeit/Barrierefreiheit sollten Tabellen zudem:

  • Kopfzeilen (Überschriften für Spalten und/oder Zeilen) haben
  • nur ein Datensatz pro Zelle enthalten
Achtung!

Tabellen düfen nicht für Layout-Zwecke missbraucht werden (beispielsweise um Inhalte nebeneinander zu stellen oder einen Tabulator zu ersetzen).

Standardtabelle

Überschrift Spalte 1 Überschrift Spalte 2 Überschrift Spalte 3
Text Text Text
Text Text Text
Text Text Text

Zebra-Tabelle

Wird der Tabelle die Klasse zebra mitgegeben, so werden die Zeilen alternierend farbig hinterlegt.

Überschrift Spalte 1 Überschrift Spalte 2 Überschrift Spalte 3
Text Text Text
Text Text Text
Text Text Text

Hover-Tabelle

Wird der Tabelle die Klasse hover mitgegeben, werden die einzelnen Zeilen beim Mouseover hervorgehoben. 

Überschrift Spalte 1 Überschrift Spalte 2 Überschrift Spalte 3
Text Text Text
Text Text Text
Text Text Text

Tabelle mit zusätzlicher Überschrift

In den Tabellen-Eigenschaften kann der Tabelle auch noch eine eigene Überschrift zugewiesen werden. Diese entspricht optisch einer Überschrift 3.

Eine Tabellen-Überschrift
Überschrift Spalte 1 Überschrift Spalte 2 Überschrift Spalte 3
Text Text Text
Text Text Text
Text Text Text