(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Grundlagen
Jede Tabelle im Wiki beginnt mit {| und endet mit |}.
Dazwischen wird jede neue Zelle einer Zeile mit dem pipe-Symbol | begonnen, eine neue Zeile beginnt mit |-.
Code |
Aussehen |
Kommentar
|
{|
|Zelle 1
|Zelle 2
|-
|Zelle 3
|Zelle 4
|}
|
Zelle 1
|
Zelle 2
|
Zelle 3
|
Zelle 4
|
|
Ganz einfaches Beispiel.
|
{|
|Zelle 1 ||Zelle 2
|-
|Zelle 3 ||Zelle 4
|}
|
Zelle 1 |
Zelle 2
|
Zelle 3 |
Zelle 4
|
|
Alternative Angabe für neue Zellen.
|
Komplexere Tabellen
Rahmen
Code |
Aussehen |
Kommentar
|
{| border="1"
|Zelle 1
|Zelle 2
|-
|Zelle 3
|Zelle 4
|}
|
Zelle 1
|
Zelle 2
|
Zelle 3
|
Zelle 4
|
|
Rahmen um die Tabelle sowie die einzelnen Zellen.
|
{| border="1" style="border-collapse:collapse;"
|Zelle 1
|Zelle 2
|-
|Zelle 3
|Zelle 4
|}
|
Zelle 1
|
Zelle 2
|
Zelle 3
|
Zelle 4
|
|
Verschmelze die Rahmen von Tabelle und Zellen.
|
{| style="border:1px solid;"
|Zelle 1
|Zelle 2
|-
|Zelle 3
|Zelle 4
|}
|
Zelle 1
|
Zelle 2
|
Zelle 3
|
Zelle 4
|
|
Nur Rahmen um die Tabelle.
|
{| style="border: 1px #DEB887 solid;"
|Zelle 1
|Zelle 2
|-
|Zelle 3
|Zelle 4
|}
|
Zelle 1
|
Zelle 2
|
Zelle 3
|
Zelle 4
|
|
Gefärbter Rahmen um die Tabelle.
|
{| border=1 style="border-collapse:collapse; border:1px #DEB887 solid;"
|Zelle 1
|Zelle 2
|-
|Zelle 3
|Zelle 4
|}
|
Zelle 1
|
Zelle 2
|
Zelle 3
|
Zelle 4
|
|
Gefärbter Rahmen um jede Zelle.
|
Hervorgehobene Zellen
Um Zellen hervorzuheben benutzt man statt dem pipe-Symbol das Ausrufezeichen !, um die Zelle zu beginnen. Der hervorgehobene Text wird dabei automatisch fett und zentriert.
Code |
Aussehen |
Kommentar
|
{| border="1"
!Zelle 1
!Zelle 2 - Inhalt
|-
|Zelle 3 - Inhalt
|Zelle 4
|}
|
Zelle 1
|
Zelle 2 - Inhalt
|
Zelle 3 - Inhalt
|
Zelle 4
|
|
Hervorgehobene Zellen in erster Zeile ergeben Titelzeile.
|
{| border="1"
!Zelle 1 !!Zelle 2 - Inhalt
|-
|Zelle 3 - Inhalt ||Zelle 4
|}
|
Zelle 1 |
Zelle 2 - Inhalt
|
Zelle 3 - Inhalt |
Zelle 4
|
|
Platzsparende Variante.
|
Tabellenattribute
Code |
Aussehen |
Kommentar
|
{| border="1" cellspacing="10"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
|
Zelle 1
|
Zelle 2
|
Zelle 3
|
Zelle 4
|
|
Definiere Abstände zwischen den Zellen.
|
{| border="1" cellpadding="10"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
|
Zelle 1
|
Zelle 2
|
Zelle 3
|
Zelle 4
|
|
Definiere Abstand Zelleninhalt zu Zellenrahmen.
|
{| border="1" cellspacing="10" cellpadding="10"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
|
Zelle 1
|
Zelle 2
|
Zelle 3
|
Zelle 4
|
|
Kombination.
|
{| border="1" style="background:#FFF7A5;"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
|
Zelle 1
|
Zelle 2
|
Zelle 3
|
Zelle 4
|
|
Hintergrundfarbe der gesamten Tabelle. Liste der Farben unter Webfarben.
|
{| border="1" width="100%"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
|
Zelle 1
|
Zelle 2
|
Zelle 3
|
Zelle 4
|
|
Tabellenbreite festgelegt durch relative Angabe in Prozent der zur Verfügung stehenden Breite.
|
{| border="1" width="150px"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
|
Zelle 1
|
Zelle 2
|
Zelle 3
|
Zelle 4
|
|
Tabellenbreite festgelegt durch absolute Angabe in Pixeln.
|
{| border="1" align="right"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
|
Zelle 1
|
Zelle 2
|
Zelle 3
|
Zelle 4
|
|
Tabelle wird rechts angeordnet.
|
{| border="1" align="center"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
|
Zelle 1
|
Zelle 2
|
Zelle 3
|
Zelle 4
|
|
Tabelle wird zentriert angeordnet.
|
Zeilenattribute
Code |
Aussehen |
Kommentar
|
{| border="1"
!Zelle 1
!Zelle 2
|- valign="top"
|Zelle 3
|Zelle 4
|- valign="middle"
|Zelle 5
|Zelle 6
|- valign="bottom"
|Zelle 7
|Zelle 8
|}
|
|
Zelle 1
|
Zelle 2
|
Inhalt Oben
|
Zelle 3
|
Zelle 4
|
Inhalt Zentriert
|
Zelle 5
|
Zelle 6
|
Inhalt Unten
|
Zelle 7
|
Zelle 8
|
|
Vertikale Ausrichtung des Zelleninhalts einer ganzen Zeile.
|
{| border="1"
!Überschrift 1
!Überschrift 2
|- align="left"
|Zelle 3
|Zelle 4
|- align="center"
|Zelle 5
|Zelle 6
|- align="right"
|Zelle 7
|Zelle 8
|}
|
Überschrift 1
|
Überschrift 2
|
Zelle 3
|
Zelle 4
|
Zelle 5
|
Zelle 6
|
Zelle 7
|
Zelle 8
|
|
Horizontale Ausrichtung des Zelleninhalts einer ganzen Zeile.
|
{| border="1"
!Zelle 1
!Zelle 2
|- bgcolor="#FFF7A5"
|Zelle 3
|Zelle 4
|-
|Zelle 5
|Zelle 6
|}
|
Zelle 1
|
Zelle 2
|
Zelle 3
|
Zelle 4
|
Zelle 5
|
Zelle 6
|
|
Hintergrundfarbe einer Zeile. Alternativ style="background:#FFF7A5;" verwenden. Liste der Farben unter Webfarben.
|
Zellenattribute
Es ist möglich, einzelnen Zellen individuelle Attribute zuzuweisen. Dabei benutzt man folgenden Code:
| Zellenattribute | Zelleninhalt
Code |
Aussehen |
Kommentar
|
{| border="1"
!Zelle 1
!Zelle 2
|-
|colspan="2"|Zelle 3
|-
|Zelle 5
|Zelle 6
|}
|
Zelle 1
|
Zelle 2
|
Zelle 3
|
Zelle 5
|
Zelle 6
|
|
Verbinde Zellen in horizontaler Richtung.
|
{| border="1"
!Zelle 1
!Zelle 2
|-
|rowspan="2"|Zelle 3
|Zelle 4
|-
|Zelle 5
|}
|
Zelle 1
|
Zelle 2
|
Zelle 3
|
Zelle 4
|
Zelle 5
|
|
Verbinde Zellen in vertikaler Richtung.
|
{| border="1"
!Zelle 1
!Zelle 2
!Zelle 3
|-
|rowspan="2" colspan="2"|Zelle 4
|Zelle 5
|-
|Zelle 6
|-
|Zelle 7
|Zelle 8
|Zelle 9
|}
|
Zelle 1
|
Zelle 2
|
Zelle 3
|
Zelle 4
|
Zelle 5
|
Zelle 6
|
Zelle 7
|
Zelle 8
|
Zelle 9
|
|
Kombination.
|
{| border="1"
! Überschrift 1
! Überschrift 2
! Überschrift 3
|-
| align="left" | Zelle 1
| align="center" | Zelle 2
| align="right" | Zelle 3
|}
|
Überschrift 1
|
Überschrift 2
|
Überschrift 3
|
Zelle 1
|
Zelle 2
|
Zelle 3
|
|
Horizontale Ausrichtung des Zelleninhalts einzelner Zellen.
|
{| border="1"
|-
!Wichtiger<br>Inhalt
| valign="top" | Zelle 1
| valign="middle" | Zelle 2
| valign="bottom" | Zelle 3
|}
|
Wichtiger Inhalt
|
Zelle 1
|
Zelle 2
|
Zelle 3
|
|
Vertikale Ausrichtung des Zelleninhalts einzelner Zellen.
|
{| border="1"
!Zelle 1
!Zelle 2
|-
|Zelle 3
| bgcolor="#FFF7A5" |Zelle 4
|-
|Zelle 5
|Zelle 6
|}
|
Zelle 1
|
Zelle 2
|
Zelle 3
|
Zelle 4
|
Zelle 5
|
Zelle 6
|
|
Hintergrundfarbe einer Zelle. Alternativ style="background:#FFF7A5;" verwenden. Liste der Farben unter Webfarben.
|
{| border="1"
!width="75%" |Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
|
Zelle 1
|
Zelle 2
|
Zelle 3
|
Zelle 4
|
|
Spaltenbreite festgelegt durch relative Angabe in Prozent der Gesamtbreite der Tabelle. Eine beliebige Zelle der entsprechenden Spalte kann dafür verwendet werden, es ist jedoch praktisch, die erste Zelle der Spalte zu wählen.
|
Verschachtelte Tabellen
Es ist möglich mehrere Tabellen ineinander zu verschachteln.
Code |
Aussehen |
Kommentar
|
{| border="1"
!Zelle 1
!Zelle 2
!Zelle 3
|-
| Zelle 4
|
{| border="2"
| Zelle A
|-
| Zelle B
|}
| Zelle 6
|}
|
Zelle 1
|
Zelle 2
|
Zelle 3
|
Zelle 4
|
|
Zelle 6
|
|
Bei komplizierten verschachtelten Tabellen verliert man möglicherweise den Überblick über den Quellcode.
|
Anordnung von Tabellen
Da meist jeder seine ganz eigenen Bildschirmauflösungen, Einstellungen und ähnliches hat, sind die Anordnungen nicht bei jedem gleich und es kann ungewollt zu Überlagerungseffekten kommen. Um eine Tabelle darum richtig zu platzieren hilft die folgende Anweisung um die Tabelle als Objekt am rechten Rand zu platzieren, wobei X für die Tabelle steht, sie wird praktisch umrahmt:
<div style='width: 100%;float: right;'> X </div>
Alternativ kann man die den Tabellenstyle auch so definieren:
style="clear:right; float:right;"
Beides führt zu diesem Resultat: Datei:Überlagerung.png.
Häufig im Wiki benutzte Tabellenarten
Folgende vordefinierte Tabellenarten werden im Wiki verwendet (die Definitionen sind nachzulesen in MediaWiki:Common.css und MediaWiki:Monobook.css):
Code |
Aussehen |
Kommentar
|
{| class="wikitable"
|- class="vordergrund"
! Überschrift 1 !! Überschrift 2 !! Überschrift 3
|-
| Objekt 1 || Nummer 2 || Zahl 3
|-
| Objekt 2 || Nummer 3 || Zahl 1
|-
| Objekt 3 || Nummer 1 || Zahl 2
|}
|
Überschrift 1 |
Überschrift 2 |
Überschrift 3
|
Objekt 1 |
Nummer 2 |
Zahl 3
|
Objekt 2 |
Nummer 3 |
Zahl 1
|
Objekt 3 |
Nummer 1 |
Zahl 2
|
|
Die Standardtabelle des Wikis.
|
{| class="wikitable sortable"
|- class="vordergrund"
! Überschrift 1 !! Überschrift 2 !! Überschrift 3
|-
| Objekt 1 || Nummer 2 || Zahl 3
|-
| Objekt 2 || Nummer 3 || Zahl 1
|-
| Objekt 3 || Nummer 1 || Zahl 2
|}
|
Überschrift 1 |
Überschrift 2 |
Überschrift 3
|
Objekt 1 |
Nummer 2 |
Zahl 3
|
Objekt 2 |
Nummer 3 |
Zahl 1
|
Objekt 3 |
Nummer 1 |
Zahl 2
|
|
Standardtabelle mit Sortierfunktion.
|
Quelle: cuxpedia.de