So wie Texte können auch Tabellen entweder per HTML (SELFHTML oder w3schools) oder mit dem Wiki-Markup zu erstellen.
Zusammenfassung Wiki-Tabellen-Code
| Wiki Code |
vgl. HTML- Code |
Beschreibung
|
| {| |
<table> |
Tabellenanfang
|
| |+ |
|
Tabellenüberschrift, optional; nur einmal pro Tabelle zwischen Tabellenanfang und erster Zeile definierbar
|
| |- |
<tr> |
neue Tabellenzeile
|
| ! |
<th> |
Tabellenkopfzelle, optional. Aufeinanderfolgende Kopfzellen können, durch doppelte Ausrufezeichen (!!) getrennt, in der gleichen Zeile folgen oder mit einfachen Ausrufezeichen (!) auf einer neuen Zeile beginnen.
|
| | |
<td> |
Tabellenzelle, Pflicht! Aufeinanderfolgende Zellen können, durch doppelte Striche (||) getrennt, in der gleichen Zeile folgen oder mit einfachem Strich (|) auf einer neuen Zeile beginnen.
|
| |} |
</table> |
Tabellenende
|
Einfache Tabelle
Die folgende Tabelle hat keine Ränder oder gute Leerräume. Sie zeigt aber den einfachen Wiki Code für eine Tabellenstruktur
| Anzeige in Wiki
|
Wiki Code
|
| Orange
|
Apfel
|
| Brot
|
Torte
|
| Butter
|
Eis
|
|
{|
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis
|}
|
Für ein mehr tabellarisches Aussehen können im Wiki Markup (wie auch in HTML) die Zellen in einer Zeile aufgeführt werden. Die einzelnen Spalten müssen dabei mit || getrennt werden.
HTML Angaben können bei dieser Art genauso hinzugefügt werden wie in anderen Tabellen.
| Anzeige in Wiki
|
Wiki Code
|
| Orange |
Apfel
|
| Brot |
Torte
|
| Butter |
Eis
|
|
{|
|Orange || Apfel
|-
|Brot || Torte
|-
|Butter || Eis
|}
|
Formatierung
Durch das Hinzufügen von HTML-Eigenschaften lässt sich das Aussehen der Tabelle verändern.
| Orange
|
Apfel
|
| Brot
|
Torte
|
| Butter
|
Eis
|
|
{| border="1"
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis
|}
|
| Orange
|
Apfel
|
| Brot
|
Torte
|
| Butter
|
Eis
|
|
{| align="center" border="1"
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis
|}
|
Eigenschaften lassen sich auch auf individuelle Zellen anwenden. Zahlen zum Beispiel sehen besser aus, wenn sie rechtsbündig stehen.
| Orange
|
Apfel
|
12,333.00
|
| Brot
|
Torte
|
500.00
|
| Butter
|
Eis
|
1.00
|
|
{| border="1"
|Orange
|Apfel
|align="right"|12,333.00
|-
|Brot
|Torte
|align="right"|500.00
|-
|Butter
|Eis
|align="right"|1.00
|}
|
Man kann Eigenschaften auch auf nur bestimmte Zeilen anwenden.
| Orange
|
Apfel
|
12,333.00
|
| Brot
|
Torte
|
500.00
|
| Butter
|
Eis
|
1.00
|
|
{| border="1"
|Orange
|Apfel
|align="right"|12,333.00
|-
|Brot
|Torte
|align="right"|500.00
|- style="font-style:italic;color:green;"
|Butter
|Eis
|align="right"|1.00
|}
|
| Orange
|
Apfel
|
| Brot
|
Torte
|
| Butter
|
Eis
|
|
{| cellspacing="0" border="1"
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis
|}
|
| Orange
|
Apfel
|
| Brot
|
Torte
|
| Butter
|
Eis
|
|
{| cellpadding="20" cellspacing="0" border="1"
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis
|}
|
| Orange
|
Apfel
|
| Brot
|
Torte
|
| Butter
|
Eis
|
|
{| style="color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis
|}
|
| lecker
|
leckerer
|
| Orange
|
Apfel
|
| Brot
|
Torte
|
| Butter
|
Eis
|
|
{| border="1" cellpadding="20" cellspacing="0"
!lecker
!leckerer
|-
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis
|}
|
| leckerer |
a
|
| Orange
|
Apfel
|
a
|
| Brot
|
Torte
|
a
|
| Butter
|
Eis
|
a
|
|
{| border="1" cellpadding="20" cellspacing="0"
!leckerer!!colspan="2"|a
|-
|Orange
|Apfel
|a
|-
|Brot
|Torte
|a
|-
|Butter
|Eis
|a
|}
|
| Obst
|
Orange
|
Apfel
|
| Hauptspeise
|
Brot
|
Torte
|
| Zutaten
|
Butter
|
Eis
|
|
{| border="1" cellpadding="20" cellspacing="0"
!Obst
|Orange
|Apfel
|-
!Hauptspeise
|Brot
|Torte
|-
!Zutaten
|Butter
|Eis
|}
|
Eine Tabellenbeschriftung kann wie folgt über jeder Tabelle hinzugefügt werden:
Essenssachen
| Orange
|
Apfel
|
| Brot
|
Torte
|
| Butter
|
Eis
|
|
{| border="1" cellpadding="20" cellspacing="0"
|+Essenssachen
|-
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis
|}
|
Eigenschaften können der Beschriftung wie folgt zugewiesen werden:
Essenssachen
| Orange
|
Apfel
|
| Brot
|
Torte
|
| Butter
|
Eis
|
|
{| border="1" cellpadding="20" cellspacing="0"
|+align="bottom" style="color:#e76700;"|''Essenssachen''
|-
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis
|}
|