Last modified on 11 August 2014, at 11:45

Help:Tables/de

PD Hinweis: Wenn Du diese Seite bearbeitest, stimmst Du zu, dass Deine Bearbeitungen unter CC0 veröffentlicht werden. Siehe Projekt:PD Hilfe für nähere Informationen.
PD
Für MediaWikis Datenbank Tabellenstruktur, siehe: Manual:Database layout/de

Tabellen können in Media Wiki Seiten entweder direkt mit HTML Tabellenelementen geschrieben werden oder mit dem Wikicode. HTML Tabellenelemente und ihr Gebrauch werden auf verschiedenen Webseiten beschrieben und deshalb hier nicht besprochen. Der Wikicode nutzt Buchstabensymbole um die Tabellenstruktur im Artikel zu bilden, die in der Ansicht durch HTML Tabellenelemente ersetzt werden.

Generell sollte man die Verwendung von Tabellen vermeiden, außer es geht wirklich nicht anders. Der Tabellenaufbau verkompliziert meist das Bearbeiten von Seiten.

Zusammenfassung Wiki-Tabellen-CodeEdit

{| Tabellenanfang
|+ Tabelle Beschriftung, optional; nur zwischen Tabellenanfang und erster Tabellenzeile
|- Tabellenzeile, optional auf die erste Zeile -- Wiki-Engine übernimmt die erste Reihe
! Tabellenkopfzelle, optional. Aufeinanderfolgende Kopfzellen können durch doppelte Ausrufezeichen (!!) getrennt, in der gleichen Zeile folgen, oder mit einfachen Ausrufezeichen (!) auf einer neuen Zeile beginnen .
| Tabellenzelle, benötigt! Aufeinanderfolgende Zellen können durch doppelte Striche (||) getrennt werden, in der gleichen Zeile folgen oder mit einfachem Strich (|) auf einer neuen Zeile beginnen.
|} Tabellenende
  • Die oben angegebenen Zeichen müssen am Zeilenanfang stehen, ausgenommen die Doppelten || und !! für optional aufeinanderfolgende Zellen in einer Zeile. Allerdings sind Leerzeichen am Anfang einer Zeile ignoriert.
  • XHTML - Eigenschaften. Jede Markierung, außer das Tabellenende, kann optional eine oder mehrere XHTML-Eigenschaften haben. Die Eigenschaften müssen in der gleichen Zeile eingegeben werden, für die sie auch gültig sind. Mehrere Eingaben müssen mit einem Leerzeichen getrennt eingegeben werden.
    • Der Inhalt von Zellen und Überschriften (| oder ||, ! oder !!, und |+) muss von der Formatierung mit einen Strich (|) getrennt sein und kann in der gleichen und folgenden Zeilen stehen.
    • Tabellen, Spalten und Reihen ({| and |-) die nicht direkt einen Inhalt haben können, dürfen auch keinen Strich (|) nach ihren optionalen Attributen haben. Falls doch einer gesetzt wird, entfernt der Parser diese und das letzte Attribut, falls zwischen ihm und dem Strich kein Leerzeichen ist!
  • Inhalt kann (a) nach seiner Zellenmarkierung nach den optionalen XHTML-Eigenschaften in der gleichen Reihe stehen oder (b) unter der Zellenmarkierung. Inhalt der Wikiformatierung wie Listen, Überschriften oder verschachtelte Tabellen nutzt, muss am Anfang einer neuen Zeile stehen.
    • Strichzeichen als Inhalt. Um ein Strichzeichen (|) in eine Tabelle einzufügen, verwenden Sie das <nowiki>|</nowiki> Fluchtzeichen.

GrundlagenEdit

Die folgende Tabelle hat weder Ränder noch gute Leerräume, zeigt jedoch den einfachsten Wikicode für eine Tabellenstruktur.

Sie schreiben Sie erhalten
{|
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis 
|}
Orange Apfel
Brot Torte
Butter Eis

Die Zellen in der gleichen Zeile einer Zeile können durch || (zwei senkrechte Striche) getrennt aufgeführt werden. Wenn der Text in der Zelle einen Zeilenumbruch enthält, nutzen Sie stattdessen <br/> statt.

Sie schreiben Sie erhalten
{|
|Orange||Apfel||mehr
|-
|Brot||Torte||mehr
|-
|Butter||Eis||und<br/>mehr
|}
Orange Apple mehr
Brot Torte mehr
Butter Eis und
mehr

Zusätzliche Leerzeichen innerhalb von Zellen in der Wiki-Markup, wie im Wiki-Markup unten, sich nicht auf die eigentliche Tabelle gerendert.

Sie schreiben Sie erhalten
{|
|  Orange    ||   Apfel   ||   mehr
|-
|   Brot    ||   Torte     ||   mehr
|-
|   Butter   || Eis ||  und mehr
|}
Orange Apfel mehr
Brot Torte mehr
Butter Eis und mehr

Sie können längere Texte oder komplexe Wiki-Syntax innerhalb von Tabellenzellen haben, auch:

Sie schreiben Sie erhalten
{|
|Lorem ipsum dolor sit amet, 
consetetur sadipscing elitr, 
sed diam nonumy eirmod tempor invidunt
ut labore et dolore magna aliquyam erat, 
sed diam voluptua. 

At vero eos et accusam et justo duo dolores
et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum
dolor sit amet. 
|
* Lorem ipsum dolor sit amet
* consetetur sadipscing elitr
* sed diam nonumy eirmod tempor invidunt
|}
Lorem ipsum dolor sit amet,

consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

  • Lorem ipsum dolor sit amet
  • consetetur sadipscing elitr
  • sed diam nonumy eirmod tempor invidunt

TabellenköpfeEdit

Tabellenköpfe können mit "!" (Ausrufezeichen) statt "|" (Pipe-Symbol) erstellt werden. Köpfe (engl. Header), werden in der Regel fett dargestellt und standardmäßig zentriert.

Sie schreiben Sie erhalten
{|
! align="left"| Gegenstand
! Menge
! Kosten
|-
|Orange
|10
|7.00
|-
|Brot
|4
|3.00
|-
|Butter
|1
|5.00
|-
!Total
|
|15.00
|}
Gegenstand Menge Kosten
Orange 10 7.00
Brot 4 3.00
Butter 1 5.00
Total 15.00

Hinweis: Bei der Verwendung von Attributen wie in der Überschrift 'Gegenstand' wird zur Trennung eine vertikale Leiste '|' verwendet. Kein Ausrufezeichen '!'.

BeschriftungEdit

Eine Tabellenbeschriftung kann wie folgt über jeder Tabelle hinzugefügt werden:

Sie schreiben Sie erhalten
{|
|+Nahrungszusätze
|-
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis 
|}
Nahrungszusätze
Orange Apple
Brot Torte
Butter Eis

class="wikitable"Edit

Grundstyling (hellgrauer Hintergrund, Rahmen, Polsterung und Linksausrichtung) kann durch Zugabe von class ="wikitable" erreicht werden.

Sie schreiben Sie erhalten
{| class="wikitable"
|+Nahrungszusätze
|-
|Orange
|Apple
|-
|Brot
|Torte
|-
|Butter
|Eis
|}
Nahrungszusätze
Orange Apfel
Brot Torte
Butter Eis

Einfache TabelleEdit

Einfache FormEdit

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  
|}

AlternativeEdit

Für ein mehr tabellarisches Aussehen können im Wiki Markup die Zellen in einer Zeile aufgeführt werden. Die einzelnen Spalten müssen dabei mit || getrennt werden. Jedoch nimmt die Übersichtlichtkeit mit steigendem Textinhalt ab.

Leerzeichen können hier helfen, um den Text optisch einfacher auszurichten. Diese haben später keinen Einfluss auf die erstellten Seiten.

HTML Angaben können bei dieser Art genauso hinzugefügt werden wie in anderen Tabellen.

Orange Apfel mehr
Brot Torte mehr
Butter Eis und mehr
{|
|  Orange    ||   Apfel   ||   mehr
|-
|   Brot    ||   Torte     ||   mehr
|-
|   Butter   || Eis ||  und mehr
|}

Mit HTML-EigenschaftenEdit

Durch das Hinzufügen von HTML-Eigenschaften lässt sich das Aussehen der Tabelle verändern.

border="1"Edit

Orange Apfel
Brot Torte
Butter Eis
{| border="1"
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis 
|}

align="center" border="1"Edit

Orange Apfel
Brot Torte
Butter Eis
{| align="center" border="1"
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis 
|}

align="right" border="1"Edit

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
|}

cellspacing="0" border="1"Edit

Orange Apfel
Brot Torte
Butter Eis
{| cellspacing="0" border="1"
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis 
|}

cellpadding="20" cellspacing="0" border="1"Edit

Orange Apfel
Brot Torte
Butter Eis
{| cellpadding="20" cellspacing="0" border="1"
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis 
|}

Mit HTML-Eigenschaften und CSS-DefinitionenEdit

CSS-Angaben können in Kombination mit oder ohne HTML-Eigenschaften verwendet werden.

style="color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"Edit

Orange Apfel
Brot Torte
Butter Eis
{| style="color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis 
|}

class="wikitable"Edit

Bitter Süß
Orange Apfel
Brot Torte
Butter Eis
{| class="wikitable"
!Bitter
!Süß
|-
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis 
|}

Table mit TH-KopfzeileEdit

TH (HTML-Tabellenkopf) kann mit einem ! vor dem | erstellt werden. Diese Kopfzeile erscheint für gewöhnlich in fett und zentriert.

TabellenkopfEdit

pro SpalteEdit

lecker leckerer
Orange Apfel
Brot Torte
Butter Eis
{| border="1" cellpadding="20" cellspacing="0"
!lecker
!leckerer
|-
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis 
|}

Colspan="2"Edit

leckerer
Orange Apfel
Brot Torte
Butter Eis
{| border="1" cellpadding="20" cellspacing="0"
! colspan="2"|leckerer
|-
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis 
|}

seitliche ÜberschriftEdit

standardmäßigEdit

Obst Orange Apfel
Hauptspeise Brot Torte
Zutaten Butter Eis
{| border="1" cellpadding="20" cellspacing="0"
!Obst
|Orange
|Apfel
|-
!Hauptspeise
|Brot
|Torte
|-
!Zutaten
|Butter
|Eis 
|}

rechtsbündigEdit

Seitliche Überschriften können wie folgt rechtbündig angeordnet werden:

Obst Orange Apfel
Hauptspeise Brot Torte
Zutaten Butter Eis
{| border="1" cellpadding="20" cellspacing="0"
!align="right" |Obst
|Orange
|Apfel
|-
!align="right" |Hauptspeise
|Brot
|Torte
|-
!align="right" |Zutaten
|Butter
|Eis 
|}

BeschriftungEdit

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 
|}

Tabellen mit H1, H2, H3 usw. ÜberschriftenEdit

Überschriften mit dem HTML-Tag H1, H2, H3, H4 usw. können auch in Tabellen mit dem üblichen ==Wiki Markup== erstellt werden. Diese müssen dann in einer Zeile mit dem Text stehen.

Hier ist die Vorschau sehr von Vorteil! da mit jeder Kopfzeile ein neuer Abschnitt beginnt, der später editierbar sein wird. Jedoch werden dann Teile der Tabelle beim Bearbeiten fehlen, da diese in einem anderen Abschnitt stehen.

Auch muss die Struktur eingehalten werden, da die Überschriften genauso wie andere Überschriften in das Inhaltsverzeichnis eingehen.

YummiestEdit

Orange Apfel
Brot Torte
Butter Eis
{| border="1" cellpadding="20" cellspacing="0"
|colspan="2"|
===Yummiest===
|-
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis 
|}
Sprache: English  • العربية • català • Deutsch • Zazaki • español • suomi • français • Bahasa Indonesia • italiano • 日本語 • 한국어 • português • português do Brasil • română • русский • slovenčina • Tiếng Việt • 中文