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.
Überschrift Spalte 1 | Überschrift Spalte 2 | Überschrift Spalte 3 |
---|---|---|
Text | Text | Text |
Text | Text | Text |
Text | Text | Text |