1. Sie sind hier:
  2. Home
    3. |
  3. TYPO3-Support
    4. |
  4. Was ist TYPO3?
    5. |
  5. Inhaltselemente
    6. |
  6. Tabellen

Inhaltselement Tabelle

Letzte Änderung:

Das Tabellenelement ist dafür gedacht, einfache bis mittelkomplexe Tabellen direkt im Backend zu pflegen, ohne externe HTML-Tabellen oder Extension-Plugins verwenden zu müssen.

Solche Tabellen lassen sich sehr bequem entweder manuell oder über einen Datenimport via copy&paste anlegen:

Tabellendaten importieren

Man kann Tabellen direkt im TYPO3-Backend erstellen, indem man sie zeilenweise in ein Textfeld einträgt (bzw. mit copy&paste aus einer Datei einfügt), wobei jede Zeile durch einen Zeilenumbruch und jede Spalte durch ein Trennzeichen (z.B. das Semikolon) getrennt wird.

So wird aus:

 

Name;Alter;Ort
Peter;37;Hannover
Sabine;28;Köln
Klaus;41;Berlin
Katja;45;Bielefeld

…folgende Tabelle:

Name Alter Ort
Peter 37 Hannover
Sabine 28 Köln
Klaus 41 Berlin
Katja 45 Bielefeld

Auf diese Weise lassen sich bequem und ohne technische Kenntnisse Tabellen aus anderen Quellen (z.B. Excel) auf der Website darstellen.

DataTable

In TYPO3 lässt sich sehr einfach mit der JavaScript-Bibliothek DataTables einbinden, mit der man Tabellen dann noch um Funktionen erweitern kann wie:

  • Sortierbare Spalten
  • Filter / Suche
  • Pagination (Seitenumbruch)
  • Responsive Tabellen

Das ist sehr beliebt für Websites, die regelmäßig aktualisierte oder größere Tabellen anzeigen müssen (z.B. Preislisten, Teamübersichten, Veranstaltungen).