Skip to main content Skip to page footer

Tabellen

Es gibt verschiedene Möglichkeiten, in TYPO3 Seiten Tabellen anzulegen. Zunächst gibt es das Inhaltselement Tabelle, zum anderen können Tabellen im RTE eingefügt werden. 

Für das Inhaltselement Tabelle bringt das bootstrap_package schon verschiedene Layouts mit.

Layout Basic

Tagungsprogramm
  Montag Dienstag Mittwoch Donnerstag Freitag
10.00 Tabellen im RTE - Thomas SEO Für TYPO3 Redakteure - Andrea Texte und Bilder - Jürgen Dateiverweise anlegen - Andrea Backend für Redakteure - Riona
11.00 Clean up TYPO3 - Tim RTE Konfiguration - Stanislas Beauty of Content - Thomas & Andrea Insert Record - Peter Calendar Base - Mario
12.00 Mittagspause        
14.00 Shopsysteme - Franz tt_news - Rupert Image Cycle - Franz Social Media - Sven & Andrea Direct Mail - Ivan
15.00 Seite versus Liste - Dirk Menus gestalten - Tomas Realurl - Dimitry Security Stuff - Helmut Datenbank aufräumen - Tim &Andrea
16.00 Video und Audio - Georg Content Slider - Franz Indexed Search - Jochen Backend Layouts - Sebastian Powermail - Alex

Layout Striped rows

Tagungsprogramm
  Montag Dienstag Mittwoch Donnerstag Freitag
10.00 Tabellen im RTE - Thomas SEO Für TYPO3 Redakteure - Andrea Texte und Bilder - Jürgen Dateiverweise anlegen - Andrea Backend für Redakteure - Riona
11.00 Clean up TYPO3 - Tim RTE Konfiguration - Stanislas Beauty of Content - Thomas & Andrea Insert Record - Peter Calendar Base - Mario
12.00 Mittagspause        
14.00 Shopsysteme - Franz tt_news - Rupert Image Cycle - Franz Social Media - Sven & Andrea Direct Mail - Ivan
15.00 Seite versus Liste - Dirk Menus gestalten - Tomas Realurl - Dimitry Security Stuff - Helmut Datenbank aufräumen - Tim &Andrea
16.00 Video und Audio - Georg Content Slider - Franz Indexed Search - Jochen Backend Layouts - Sebastian Powermail - Alex

bordered Table

Tagungsprogramm
  Montag Dienstag Mittwoch Donnerstag Freitag
10.00 Tabellen im RTE - Thomas SEO Für TYPO3 Redakteure - Andrea Texte und Bilder - Jürgen Dateiverweise anlegen - Andrea Backend für Redakteure - Riona
11.00 Clean up TYPO3 - Tim RTE Konfiguration - Stanislas Beauty of Content - Thomas & Andrea Insert Record - Peter Calendar Base - Mario
12.00 Mittagspause        
14.00 Shopsysteme - Franz tt_news - Rupert Image Cycle - Franz Social Media - Sven & Andrea Direct Mail - Ivan
15.00 Seite versus Liste - Dirk Menus gestalten - Tomas Realurl - Dimitry Security Stuff - Helmut Datenbank aufräumen - Tim &Andrea
16.00 Video und Audio - Georg Content Slider - Franz Indexed Search - Jochen Backend Layouts - Sebastian Powermail - Alex

Hover Rows

Tagungsprogramm
  Montag Dienstag Mittwoch Donnerstag Freitag
10.00 Tabellen im RTE - Thomas SEO Für TYPO3 Redakteure - Andrea Texte und Bilder - Jürgen Dateiverweise anlegen - Andrea Backend für Redakteure - Riona
11.00 Clean up TYPO3 - Tim RTE Konfiguration - Stanislas Beauty of Content - Thomas & Andrea Insert Record - Peter Calendar Base - Mario
12.00 Mittagspause        
14.00 Shopsysteme - Franz tt_news - Rupert Image Cycle - Franz Social Media - Sven & Andrea Direct Mail - Ivan
15.00 Seite versus Liste - Dirk Menus gestalten - Tomas Realurl - Dimitry Security Stuff - Helmut Datenbank aufräumen - Tim &Andrea
16.00 Video und Audio - Georg Content Slider - Franz Indexed Search - Jochen Backend Layouts - Sebastian Powermail - Alex

Condensed table

Tagungsprogramm
  Montag Dienstag Mittwoch Donnerstag Freitag
10.00 Tabellen im RTE - Thomas SEO Für TYPO3 Redakteure - Andrea Texte und Bilder - Jürgen Dateiverweise anlegen - Andrea Backend für Redakteure - Riona
11.00 Clean up TYPO3 - Tim RTE Konfiguration - Stanislas Beauty of Content - Thomas & Andrea Insert Record - Peter Calendar Base - Mario
12.00 Mittagspause        
14.00 Shopsysteme - Franz tt_news - Rupert Image Cycle - Franz Social Media - Sven & Andrea Direct Mail - Ivan
15.00 Seite versus Liste - Dirk Menus gestalten - Tomas Realurl - Dimitry Security Stuff - Helmut Datenbank aufräumen - Tim &Andrea
16.00 Video und Audio - Georg Content Slider - Franz Indexed Search - Jochen Backend Layouts - Sebastian Powermail - Alex

Diese Tabelle wurde im RTE angelegt. Die Tabelle kann nun im RTE vom Redakteur weiter gestaltet werden.Dafür stehen entweder durch eigene RTE Konfiguration oder wie hier das bootstrap_package, eigene Tabellenstile zur Verfügung.

Tabelle im RTE

Tagungsprogramm
Raum 1Raum 2Raum 3Raum 4Raum 5
11Seminar 1Seminar 2Seminar 3Seminar 4Seminar 5
12Seminar 6Seminar 7Seminar 8Seminar 9Seminar 10
13Workshop 1Workshop 2Workshop 3Workshop 4Workshop 5

Diese Tabelle wurdeebenfalls im RTE angelegt. Die Klasse für die Tabelle ist in der Page-TSconfig definiert. Das Basis-Layout ist im CSS für diese Klasse definiert. Die Tabelle kann nun im RTE vom Redakteur weiter gestaltet werden.

Der Tabellenkopf bezieht die Farbe aus dem CSS.

Alle Zellen haben die gleiche Breite. Das ist global für diese Tabelle im css definiert. Dennoch kann der Redakteur diese Angabe für einzelne Spalten über deren Eigenschaften ändern, in dieser Tabelle hat die Uhrzeit eine andere Breite erhalten. Alle anderen Spalten sind davon nicht betroffen.

Die Zellen bei der Mittagspause sind verbunden und haben eine andere Hintergrund- und Textfarbe.

Die Titel der Vorträge und die Uhrzeiten sind fett dargestellt.

Sicher kann man die Tabellen noch weiter gestalten, beispielsweise die Hintergründe der Zellen durch Bilder ersetzen und und und...