Die Tabellenkomponente dient der strukturierten Darstellung von Inhalten innerhalb einer Seite. Sie eignet sich für Vergleiche, Preisübersichten oder tabellarische Informationen. Die Tabelle ist statisch und besitzt keine Sortier- oder Filterfunktion.
Funktionsweise
Zeilen und Spalten können im Tabelleneditor frei hinzugefügt oder gelöscht werden. Über die Drei-Punkte-Steuerung an der oberen und linken Achse lassen sich Zeilen oder Spalten ergänzen oder entfernen.
Im Editor stehen zwei separate Toggle 
zur Verfügung, um die erste Zeile und die erste Spalte zu fixieren.
Schritt-für-Schritt-Anleitung
Tabelle erstellen
Seiteneditor öffnen
Über das Plus-Icon unter Content die Tabellenkomponente auswählen
Variante 1: Inhalte im Tabelleneditor pflegen
Tabelleneditor öffnen
Zelle auswählen
Inhaltstyp festlegen (Rich-Text-Editor, Verlinkungsoptionen oder Image)
Inhalte einfügen
Bei Bedarf Zeilen oder Spalten über die Drei-Punkte-Menü hinzufügen oder löschen
Optional erste Zeile oder erste Spalte über die jeweiligen Toggle fixieren
Variante 2: Inhalte per CSV-Upload einfügen
„Upload CSV“ auswählen
Separator und Encoding definieren
Datei hochladen
Inhalte prüfen und bei Bedarf manuell formatieren
Hinweis: Der CSV-Upload übernimmt Inhalte, setzt jedoch bestehende Formatierungen zurück.
Layout und Styling
Über den Layout-Toggle kann die Tabellenbreite auf Default, Wide oder Full gesetzt werden.
Ein Farbschema kann auf die gesamte Komponente inklusive des seitlichen Hintergrunds angewendet werden. Zusätzlich lassen sich im Tabelleneditor im Reiter Zelle Hintergrundfarben aus dem Farbschema wählen, Rahmenlinien einfärben sowie horizontale und vertikale Ausrichtung definieren.
Wichtiger Hinweis
Die Tabellenkomponente ist nicht responsiv. Bei größeren Tabellen entsteht auf Tablet- und Mobilgeräten Scrollverhalten innerhalb der Tabelle. Tabellen sollten daher bewusst für kleinere Bildschirmgrößen geplant werden.
Tipps & Tricks
Für umfangreiche Inhalte CSV zur schnellen Befüllung nutzen
Vergleichstabellen mit fixierter erster Zeile strukturieren
Darstellung in der Device Preview prüfen
Tabellen für strukturierte Inhalte einsetzen, nicht für komplexe Layoutkonstruktionen