Tables
-
- Last edited 6 years ago by Florian Bäckmann
-
-
- No status information
Contents
Here we describe the editing of tables in the wiki code. For fast editing of tables, the WYSIWYG editor is recommended. Nevertheless, in some cases, the classic editing with wiki tags may be necessary.
Functionality
Tables are a very important tool for designing wiki pages. Besides from displaying content in a structured way, tables occasionally are used to design whole pages. The basic structure of the main page or the topic portal page for example are based on a table. However, tables should only be used very carefully to structure entire pages. The source code quickly becomes confusing for outsiders and for the reading devices of the visually impaired, they represent a barrier. Therefore, Wikipedia advises their users quite fundamentally from using tables as a graphical element for entire pages.
MediaWiki has its own syntax for displaying tables. This syntax is similar to common HTML but much simpler.
Nevertheless, the editing of tables remains complex. The use of editors produces HTML code that is a barrier to editing by others.
Simple tables
More complex tables
A Wikipedia article about this can be found here: [1]
Borders
Input | Result | Comment | ||||
---|---|---|---|---|---|---|
{| border="1" | Cell 1 | Cell 2 |- | Cell 3 | Cell 4 |} |
|
The border must be set in the first line of the table (directly after the | ||||
Note: The classic table borders may look a little old-fashioned. Therefore there you can use layout templates for your tables. |
Title rows
Input | Result | Comment | ||||||
---|---|---|---|---|---|---|---|---|
{| |- ! Last Name ! First Name |- | Karstadt | Liesl |- | Valentin | Karl |} |
|
Title rows are specified with |
Combining cells: Rowspanning and Colspanning
Input | Result | Comment | |||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
{| |- ! A ! B ! C |- | Cell 1 | colspan="2" align="center"|Cell 2 |- | Cell 3 | Cell 4 | Cell 5 |} |
|
This is a table containing a cell which spans tow columns. The command | |||||||||
{| |- ! A ! B |- | rowspan="2" align="center"|Cell 1 | Cell 2 |- | Cell 4 |} |
|
A Table containing a cell which spans two rows ( | |||||||||
Note: Empty cells won't get a border automatically. In some browsers you can force a border with a nonbreaking space inside these cells. |
Nested tables
Input | Result | Comment | |||||
---|---|---|---|---|---|---|---|
{| border="1" |- | Cell 1 | {| border="1" | Cell A |- | Cell B |} | Cell 3 |} |
|
A table inside another table. To nest tables simply use an additional opening |
Caption
Input | Result | Comment | ||||
---|---|---|---|---|---|---|
{| |+ This is a nice table |- | Table | nice |- | Nice | table |} |
|
It is possible to add a centered caption above the table with |
Lists
Input | Result | Comment | ||||
---|---|---|---|---|---|---|
{| |- | Right listing | Wrong listing |- | * first entry * second entry | * first entry * second entry |} |
|
The list entries have to start in a new line. Otherwise an asteix will be rendered instead of a bullet symbol. |
Sortierbare Tabellen
Eingabe | Ergebnis | Kommentar dazu | |||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
File:HilfeTabelle10.jpg |
|
Tabellen können auch nach ihren Werten pro Spalte sortiert werden. Dazu muss class="sortable" im Tabellenkopf angegeben werden. | |||||||||
Einschränkungen:
|
Spaltenbreiten
Eingabe | Ergebnis | Kommentar dazu | ||||||
---|---|---|---|---|---|---|---|---|
File:HilfeTabelle11.jpg |
|
Spaltenbreiten können relativ und absolut angegeben werden, wobei absolute Angaben in Pixeln nur beim Einbinden von Grafiken eingesetzt werden sollten. Die Breitenangabe ist nur bei einer Zelle der Spalte notwendig und sinnvoll. | ||||||
File:HilfeTabelle12.jpg |
|
Zellenabstände mit cellspacing und cellpadding
Eingabe | Ergebnis | Kommentar dazu | ||||||
---|---|---|---|---|---|---|---|---|
350px |
|
Mit cellspacing kann der Abstand zwischen den Zellen festgelegt werden. Je größer der Cellspacing-Wert, desto breiter wird der Steg zwischen den Zellen. Mit cellpadding bestimmt man den Abstand des Zellinhaltes vom Zellrahmen. | ||||||
350px |
|
Ausrichtung
Eingabe | Ergebnis | Kommentar dazu | ||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
File:HilfeTabelle15.jpg |
|
Genau wie in HTML kann man den Inhalt von Zellen in der Tabelle unterschiedlich ausrichten. Dabei kann man die Attribute einzelnen Zellen oder auch ganzen Zeilen zuweisen. Das valign gilt jeweils für die ganze Zeile, das align nur für die jeweilige Zelle. |
Formatvorlagen
Eingabe | Ergebnis | Kommentar dazu | ||
---|---|---|---|---|
File:HilfeTabelle16.jpg |
|
Einige Benutzer haben Vorlagen erstellt, um die Formatierung zu vereinfachen. Anstatt sich an die Tabellenparameter erinnern zu müssen, kann eine Formatvorlage verwendet werden. Diese ist nach dem |