Hilfe:Wiki/MediaWiki/Tabellen
Tabellen können im Wiki entweder mit den allgemein gängigen HTML-Elementen gestaltet werden oder mit Wikisyntax. Die Wikisyntax ist eingängig, schlank und einfach. Sie wird im Folgenden beschrieben. Der Gebrauch von HTML wird hingegen nicht näher erläutert, sondern als bekannt vorausgesetzt.
Tabellen sind kein grafisches Gestaltungsmittel. Sie dienen allein dem Zweck, gleichartige Informationen übersichtlich darzustellen. Da Tabellen deutlich komplizierter zu lesen sind als normaler Text, sollten sie nur dann eingesetzt werden, wenn sie ihren eigentlichen Zweck erfüllen. Die Übersicht zur Formatierungssyntax zeigt dir vielleicht Alternativen auf (Listen z. B.).
Inhaltsverzeichnis
Auszeichnung von Tabellen in Wiki-Syntax
| MediaWiki | Beschreibung |
|---|---|
{|
|
Beginn der Tabelle (vorgeschrieben, entspricht <table>)
|
|+
|
Tabellenüberschrift (optional, entspricht <caption>). Die Überschrift steht zwischen dem Beginn der Tabelle und der ersten Tabellenzeile. Sie kann nur einmal pro Tabelle verwendet werden.
|
|-
|
Tabellenzeilen (entspricht <tr>), in der ersten Zeile optional.
|
!
|
Tabellenkopfzelle (optional, entspricht <th>). Stehen die Kopfzellen weiterer Spalten in einer Reihe, werden sie durch doppelte Ausrufezeichen (!!) getrennt, ansonsten steht zu Beginn jeder neuen Zeile ein Ausrufezeichen (!).
|
|
|
Tabellendaten (vorgeschrieben, entspricht <td>) Stehen die Tabellendaten weiterer Spalten in einer Reihe, werden sie durch doppelte senkrechte Striche (||) getrennt, ansonsten steht zu Beginn jeder neuen Zeile ein senkrechter Strich (|).
|
|}
|
Ende der Tabelle (entspricht </table>)
|
- Grundsätzlich muss jede Zeile und jede Spalte in einer neuen Zeile beginnen, sofern du nicht die doppelten senkrechten Striche
||bzw. Ausrufungszeichen!!verwendest. - Jedes Auszeichnungselement (mit Ausnahme des Tabellenendes) kann optional ein oder mehrere HTML-Attribute beinhalten. Die Attribute stehen, getrennt durch einfachen Leerraum, in der gleichen Reihe wie die Auszeichnungselemente.
- Die Zellen und die Überschriften (
|oder||,!oder!!sowie|+) führen Inhalt mit sich. Trenne Auszeichnung und Inhalt in einer Zeile durch einen senkrechten Strich (|). Der Inhalt einer Zelle folgt dann in der gleichen Zeile oder in der nächsten Zeile. Letzteres ist z. B. dann der Fall, wenn der Inhalt mit Wiki-Elementen ausgezeichnet ist, die ihrerseits eine neue Zeile benötigen (z. B. Listen, Aufzählungen oder verschachtelte Tabellen). Dann steht der Inhalt stets in einer neuen Zeile. - Die Tabelle und die Tabellenzeilen (
{|und|-) beinhalten nicht unmittelbar Inhalt. Hinter hier eingefügten Attributen folgt kein senkrechter Strich.
Eine einfache Tabelle
Eine einfache, schmucklose Tabelle
{|
|Orangen
|Äpfel
|-
|Brot
|Kuchen
|-
|Butter
|Eiskrem
|}
| Orangen | Äpfel |
| Brot | Kuchen |
| Butter | Eiskrem |
Alternative
Ist der Inhalt deiner Tabelle kurz und knapp, besteht er also nicht aus langen (Ab)Sätzen, so kann die Verwendung von || einen lesbareren Code liefern. Füge zudem noch zusätzliche Leerzeichen ein, um die Lesbarkeit zu erhöhen. Die Darstellung der Tabelle verändert sich dadurch nicht.
{|
| Orangen || Äpfel || mehr
|-
| Brot || Kuchen || mehr
|-
| Butter || Eiskrem || noch mehr
|}
| Orangen | Äpfel | mehr |
| Brot | Kuchen | mehr |
| Butter | Eiskrem | noch mehr |
HTML Attribute
Füge deiner Tabelle HTML Attribute hinzu, um sie optisch aufzuwerten.
Tabellen-Rahmen
{| border="1"
|Orangen
|Äpfel
|-
|Brot
|Kuchen
|-
|Butter
|Eiskrem
|}
| Orangen | Äpfel |
| Brot | Kuchen |
| Butter | Eiskrem |
Tabelle zentrieren
{| align="center" border="1"
|Orangen
|Äpfel
|-
|Brot
|Kuchen
|-
|Butter
|Eiskrem
|}
| Orangen | Äpfel |
| Brot | Kuchen |
| Butter | Eiskrem |
Rechtsbündig
Du kannst Attribute auch einzelnen Zellen zuordnen. Die Zelleninhalte der folgenden Tabelle werden jeweils rechtsbündig dargestellt.
{| align="center" border="1"
|Orangen
|Äpfel
|align="right"|12.333,00
|-
|Brot
|Kuchen
|align="right"|500,00
|-
|Butter
|Eiskrem
|align="right"|1,00
|}
| Orangen | Äpfel | 12.333,00 |
| Brot | Kuchen | 500,00 |
| Butter | Eiskrem | 1,00 |
Du kannst Attribute auch einzelnen Zeilen zuordnen.
{| align="center" border="1"
|Orangen
|Äpfel
|align="right"|12.333,00
|-
|Brot
|Kuchen
|align="right"|500,00
|- style="font-style:italic;color:green;"
|Butter
|Eiskrem
|align="right"|1,00
|}
| Orangen | Äpfel | 12.333,00 |
| Brot | Kuchen | 500,00 |
| Butter | Eiskrem | 1,00 |
Zellenabstand
{| cellspacing="0" border="1"
|Orangen
|Äpfel
|align="right"|12.333,00
|-
|Brot
|Kuchen
|align="right"|500,00
|-
|Butter
|Eiskrem
|align="right"|1,00
|}
| Orangen | Äpfel | 12.333,00 |
| Brot | Kuchen | 500,00 |
| Butter | Eiskrem | 1,00 |
Zelleninnenabstand
{| cellpadding="20" cellspacing="0" border="1"
|Orangen
|Äpfel
|align="right"|12.333,00
|-
|Brot
|Kuchen
|align="right"|500,00
|-
|Butter
|Eiskrem
|align="right"|1,00
|}
| Orangen | Äpfel | 12.333,00 |
| Brot | Kuchen | 500,00 |
| Butter | Eiskrem | 1,00 |
HTML-Attribute und CSS-Eigenschaften
Du kannst CSS-Eigenschaften mit HTML-Attributen kombinieren.
{| style="color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"
|Orangen
|Äpfel
|align="right"|12.333,00
|-
|Brot
|Kuchen
|align="right"|500,00
|-
|Butter
|Eiskrem
|align="right"|1,00
|}
| Orangen | Äpfel | 12.333,00 |
| Brot | Kuchen | 500,00 |
| Butter | Eiskrem | 1,00 |
Attribute für die ganze Tabelle können direkt nach dem {| eingefügt werden:
{|border="1"
| Alpha || Beta || Gamma
|-
| Delta
| Epsilon
| Rho
|}
Anzeigebeispiel:
| Alpha | Beta | Gamma |
| Delta | Epsilon | Rho |
Überschriftszellen beginnen mit !, Attribute für einzelne Zellen können direkt nach dem ! oder | angegeben werden, wenn daraufhin noch ein | folgt:
{|border="1"
! Alpha !! Beta !! Gamma
|-
|style="background-color:#fcc;"| Delta
| Epsilon
| Rho
|}
Anzeigebeispiel:
| Alpha | Beta | Gamma |
|---|---|---|
| Delta | Epsilon | Rho |
Tabellen mit Spalten-Überschriften (th)
Um einer Tabelle Spaltenüberschriften (<th>, Kopfzellen) hinzuzufügen, benutze ein Ausrufezeichen ! anstelle des senkrechten Striches |.
Solche Spaltenüberschriften werden gewöhnlich hervorgehoben und zentriert dargestellt.
Jede Spalte
{| border="1" cellpadding="20" cellspacing="0"
!Lecker
!Leckerer
|-
|Orangen
|Äpfel
|-
|Brot
|Kuchen
|-
|Butter
|Eiskrem
|}
| Lecker | Leckerer |
|---|---|
| Orangen | Äpfel |
| Brot | Kuchen |
| Butter | Eiskrem |
Zellen verbinden
{| border="1" cellpadding="20" cellspacing="0"
!colspan="2"|Leckereien
|-
|Orangen
|Äpfel
|-
|Brot
|Kuchen
|-
|Butter
|Eiskrem
|}
| Leckereien | |
|---|---|
| Orangen | Äpfel |
| Brot | Kuchen |
| Butter | Eiskrem |
Seitliche Überschriften
{| border="1" cellpadding="20" cellspacing="0"
!Vitaminreich
|Orangen
|Äpfel
|-
!Kalorienreich
|Brot
|Kuchen
|-
!Fettreich
|Butter
|Eiskrem
|}
| Vitaminreich | Orangen | Äpfel |
|---|---|---|
| Kalorienreich | Brot | Kuchen |
| Fettreich | Butter | Eiskrem |
Seitliche Überschriften können auch rechtsbündig ausgerichtet werden:
{| border="1" cellpadding="20" cellspacing="0"
!align="right" |Vitaminreich
|Orangen
|Äpfel
|-
!align="right" |Kalorienreich
|Brot
|Kuchen
|-
!align="right" |Fettreich
|Butter
|Eiskrem
|}
| Vitaminreich | Orangen | Äpfel |
|---|---|---|
| Kalorienreich | Brot | Kuchen |
| Fettreich | Butter | Eiskrem |
Tabellenbeschriftung
So kannst du oberhalb der Tabelle eine Beschriftung hinzufügen:
{| border="1" cellpadding="20" cellspacing="0"
|+Reichhaltiges Essen
|-
|Orangen
|Äpfel
|-
|Brot
|Kuchen
|-
|Butter
|Eiskrem
|}
| Orangen | Äpfel |
| Brot | Kuchen |
| Butter | Eiskrem |
Auch die Tabellenbeschriftung kann mit Attributen gestaltet werden:
{| border="1" cellpadding="20" cellspacing="0"
|+ align="bottom" style="color:#e76700;"|Reichhaltiges Essen
|-
|Orangen
|Äpfel
|-
|Brot
|Kuchen
|-
|Butter
|Eiskrem
|}
| Orangen | Äpfel |
| Brot | Kuchen |
| Butter | Eiskrem |
Tabellen mit Überschriften kombinieren
HTML-Überschriften (H1, H2, H3, H4 etc.) werden in einem Standard-Wiki durch Gleichheitszeichen (also so: == Überschrift H2 ==) erzeugt. Sie müssen zu Beginn einer Zeile stehen. Es ist möglich, eine Tabelle mit einer Überschrift zu kombinieren. Allerdings führt das zu Nebeneffekten:
Öffne den Abschnitt, der der Tabelle folgt, durch Klick auf den seitlichen Schriftzug „Bearbeiten“. Die Tabelle wird nur teilweise angezeigt: alles, was über der Überschrift steht, ist nicht zu sehen. Das führt in der Vorschau zu einer anscheinend unvollständigen Tabelle. Bedenke das beim Bearbeiten.
Hilfen
- Tools aus dieser Übersicht konvertieren den ausgewählten Tabellenbereich aus Excel direkt ins Wiki-Tabellenformat. Die wichtigsten Formatierungen wie Fett/Kursiv, Zellenhöhe , Zellenbreite, Schriftgröße, Farbinformation aus Excel bleiben erhalten.
- Tabellenumwandlung konvertiert den ausgewählten Tabellenbereich aus Excel direkt ins Wiki-Tabellenformat. Die wichtigsten Formatierungen wie Fett/Kursiv, Zellenhöhe , Zellenbreite, Schriftgröße, Farbinformation aus Excel bleiben erhalten.
- csv2wp ist ein Werkzeug zum Umwandeln von CSV-Dateien in Wiki-Tabellenformat.
Quellen
Weitere Informationen finden sich im MediaWiki-Handbuch unter Tabellenhilfe.
