TYPO3

Tabellen Element

Nutzen Sie das Inhaltselement Tabelle, um Daten strukturiert in mehreren Spalten und Zeilen darzustellen.

Das Element eignet sich besonders für die übersichtliche Aufbereitung von Informationen wie Stundenplänen. Über verschiedene Design- und Trennungsoptionen können Sie das Layout anpassen.

 

Zu den Designvarianten für Tabelle

Hinweis zur digitalen Barrierefreiheit

Tabellen sind für Screenreader und mobile Darstellung oft nur eingeschränkt nutzbar. Prüfen Sie, ob sich die Informationen alternativ in Textform, als Liste oder in einem anderen barrierefreien Format darstellen lassen. 

Verwenden Sie Tabellen nur, wenn Sie Daten in Zeilen und Spalten darstellen möchten – nicht, um das Layout einer Seite zu gestalten.

Tabelle einfügen

Öffnen Sie im TYPO3-Backend die Seite, die Sie bearbeiten möchten. Klicken Sie an der gewünschten Stelle auf Neuen Inhalt erstellen. 

  1. Wählen Sie in der linken Spalte die Kategorie Typischer Seiteninhalt aus.
  2. In der rechten Spalte erscheint nun das Inhaltselement Tabelle, das Sie auswählen können.
  1. Reiter Allgemein: Hier legen Sie die grundlegenden Texte und Inhalte für das Element fest.
    1. Überschrift: Fügen Sie eine kurze, aussagekräftige Überschrift ein. Sie hilft den Besucher*innen, den Inhalt schneller zu erfassen. Im Feld Typ legen Sie außerdem die Hierarchie der Überschrift fest (z. B. H2, H3). Wählen Sie Hidden (Versteckt), um die Überschrift nur im Backend anzuzeigen. Das hilft Ihnen, das Inhaltselement im Backend wiederzufinden. Besucher*innen der Website sehen eine versteckte Überschrift nicht.
  1. Tabelleninhalt: Klicken Sie auf das Plus-Zeichen. Im folgenden Pop-up geben Sie die gewünschte Anzahl von Spalten und Zeilen ein und klicken auf Aktualisieren. Tragen Sie nun den Inhalt in die vorgesehenen Felder ein. Nutzen Sie die Schaltflächen, um Zeilen und Spalten zu verwalten:
    • Pfeile: Zeilen nach oben oder unten, Spalten nach links oder rechts verschieben.
    • Plus-Zeichen: Neue Zeile oder Spalte hinzufügen.
    • Papierkorb: Zeile oder Spalte löschen.
    • Code-Symbol </>: Inhalte im Quellcode anzeigen und bearbeiten.
       
  2. Feldbegrenzer: Wählen Sie aus, wie die Inhalte voneinander abgegrenzt werden sollen:
    • | (Pipe) (Klassische vertikale Linien)
    • ; (Semikolon)
    • , (Komma)
    • : (Doppelpunkt)
    • → (Tab) (Breiter Leerraum-Trenner)
       
  3. Texteinfassung: Sie können zusätzlich festlegen, dass der Text innerhalb der Tabellen generell in Anführungszeichen eingefasst wird.
  4. Tabellenbeschriftung (Tabellenunterschrift): Tragen Sie eine Tabellenunterschrift ein, um die Tabelle näher zu erläutern.

Tabellenüberschrift hinzufügen

Wechseln Sie in den Reiter Erscheinungsbild und wählen Sie bei Position des Tabellenkopfes die Position der Tabellenüberschriften aus. Tabellenüberschriften sind für die digitale Barrierefreiheit erforderlich, da sie Nutzer*innen von Screenreadern helfen, die Struktur und Inhalte der Tabelle korrekt zu erfassen.

  • Ohne: Die Tabelle hat keinen Überschriften; alle Zellen werden gleich behandelt. (nicht empfohlen)
  • Oben: Die erste Zeile wird als Tabellenüberschrift verwendet.
  • Links: Die erste Spalte wird als Tabellenüberschrift genutzt.

Erscheinungsbild festlegen

  1. Reiter Erscheinungsbild: Hier legen Sie fest, wie das Inhaltselement angezeigt wird.
  2. Alternativer Hintergrund: Aktivieren Sie den Schieberegler, um das Inhaltselement hellgrau zu hinterlegen.
  3. Tabellenlayout: Wählen Sie aus, wie die Tabelle strukturiert und dargestellt werden soll:
    1. Spalten: Bestimmt die automatische oder manuelle Spaltenanzahl.
    2. Tabellen-Stil: Legen Sie das Design der Tabelle fest:
      • Standard für eine Darstellung ohne Hervorhebungen.
      • Gestreift für abwechselnd gefärbte Zeilen.
      • Umrahmt für einen sichtbaren Rahmen.
    3. Position des Tabellenkopfes:
      • Ohne: Die Tabelle hat keine Überschriften; alle Zellen werden gleich behandelt. (nicht empfohlen)
      • Oben: Die erste Zeile wird als Tabellenüberschrift verwendet.
      • Links: Die erste Spalte wird als Tabellenüberschrift genutzt.
    4. Tabellenfuß verwenden: Betätigen Sie den Schieberegler, wenn Sie Summen oder Abschlüsse darstellen möchten.
  4. Links in Menüs zeigen: Wenn Sie ein Inhaltsverzeichnis auf der Seite anlegen, erscheint die Überschrift des Inhaltselements darin als Link.
  5. Link zum Seitenanfang anfügen: Fügt am Ende des Elements einen „Nach oben“-Link ein.

Veröffentlichung festlegen

  1. Reiter Zugriff: Hier steuern Sie die Sichtbarkeit des Inhaltselements auf der Website.
  2. Sichtbarkeit: Aktivieren Sie den Schieberegler, um das Inhaltselement auf der Website anzuzeigen oder auszublenden.
  3. Veröffentlichungsdatum: Legen Sie fest, ab wann das Inhaltselement automatisch veröffentlicht wird. Das ist hilfreich, wenn die Veröffentlichung während Ihrer Abwesenheit erfolgen soll.
  4. Ablaufdatum: Hier können Sie ein Datum eintragen, ab dem das Inhaltselement nicht mehr angezeigt wird.
  5. Zugriffsrechte für Benutzer*innengruppen: Bestimmen Sie, ob das Inhaltselement nur für angemeldete Nutzer*innen sichtbar sein soll.

Haben Sie noch Fragen?

Sie haben Fragen oder Anmerkungen zu den TYPO3 Anleitungen?

Nach oben