Eine Tabelle auf einer Seite einfügen

Du erstellst hier eine Tabelle mit eigenen Spalten und Zeilen für deine Website-Seite. Die Tabelle zeigt strukturierte Daten wie Preislisten, Vergleiche oder Übersichten – auf dem Handy werden breite Tabellen übersichtlich als Karten dargestellt.

Voraussetzungen

Du hast einen Block auf einer Seite eingerichtet und wählst den Typ „Tabelle".

So gehst du vor

Kopfbereich:

1. Trage eine kleine Überschrift ein (z. B. „Tarife", „Vergleich") – dieses Feld ist optional.
2. Trage eine Überschrift ein. Du kannst hier Markdown nutzen, um Text fett oder kursiv zu formatieren.
3. Trage optional eine Einleitung ein – auch hier funktioniert Markdown.

Spalten einrichten:

4. Klicke Spalte hinzufügen, um die erste Spalte zu erstellen.
5. Trage einen Spaltenkopf ein – das ist der Titel, der oben in der Tabelle steht und auf dem Handy vor jedem Wert angezeigt wird.
6. Wenn die Spalte Zahlen oder Preise enthält: aktiviere Rechtsbündig, etwa für Preise und Zahlen. So erscheinen diese Werte rechtsbündig und wirken ordentlicher.
7. Wiederhole Schritte 4–6 für jede weitere Spalte, die du brauchst. Du kannst Spalten verschieben (Pfeile oben/unten) oder einzelne löschen.

Zeilen mit Inhalten füllen:

8. Klicke Zeile hinzufügen, um deine erste Datenzeile zu erstellen.
9. Trage für jede Spalte den entsprechenden Wert ein – z. B. einen Produktnamen, einen Preis oder eine Beschreibung.
10. Wiederhole Schritt 8–9 für jede weitere Zeile. Du kannst Zeilen verschieben, duplizieren oder löschen.

Optionen im erweiterten Bereich:

11. Öffne Weitere Einstellungen (falls vorhanden).
12. Wenn du möchtest, dass die erste Spalte als Zeilenkopf fungiert (z. B. als Produktname): aktiviere Erste Spalte als Zeilenkopf. Ab drei Spalten wird dann jede Zeile auf dem Handy als Karte mit dem Zeilenkopf als Überschrift angezeigt.
13. Füge optional einen Label hinzu – ein kurzer Name, unter dem du diesen Block in der Verwaltung wiederfindest.

Aufbau der Tabelle

Kopfbereich:

• Kleine Überschrift: Zeichnet den Kontext aus (optional).
• Überschrift: Die Hauptüberschrift der Tabelle. Nutze Markdown für Formatierung.
• Einleitung: Erklärtext unter der Überschrift (optional).

Spalten:

• Spaltenkopf: Der Name der Spalte, sichtbar oben und auf dem Handy vor jedem Wert.
• Rechtsbündig: Ausrichtung für Zahlen und Preise.

Zeilen:

• Jede Zeile hat so viele Felder wie Spalten. Leere Felder sind erlaubt.
• Die erste Spalte kann als Zeilenkopf verwendet werden (benennt den Inhalt der Zeile).

Was danach passiert

Die Tabelle wird auf deiner Website angezeigt. Auf dem Computer sieht der Besucher die klassische Tabellenform. Auf dem Handy mit drei oder mehr Spalten und aktiviertem Zeilenkopf werden die Zeilen zu Karten, auf denen jeder Spaltenwert mit seinem Kopf aufgelistet ist – so bleibt sie auch im kleineren Format lesbar.

Tipps und Hinweise

• Maximale Größe: Eine Tabelle hat höchstens eine begrenzte Anzahl Spalten. Zu viele Spalten machen die Tabelle auf dem Handy unlesbar – bei Bedarf teile lange Tabellen auf mehrere Blöcke auf.
• Zeilenkopf nutzen: Wenn die erste Spalte durchgehend einen Produktnamen oder eine Kategorie enthält, schalte den Zeilenkopf ein. Das macht die Mobile-Ansicht deutlich übersichtlicher.
• Formatierung in Kopfzeilen: Du kannst in Überschrift und Einleitung Markdown einsetzen, um Wörter hervorzuheben.
• Reihenfolge ändern: Nutze die Pfeile neben Spalten und Zeilen, um deren Reihenfolge anzupassen. Das ist schneller als zu löschen und neu einzutragen.