Hilfe:Tabellen

aus Wikipedia, der freien Enzyklopädie
(Weitergeleitet von Wikipedia:Tabellen)
Wechseln zu: Navigation, Suche
Abkürzung: H:TBL, H:TAB

Diese Seite beschreibt die Verwendung von Tabellen in Wikipedia-Artikeln und richtet sich speziell an Newcomer. Solltest du Probleme beim Erstellen einer Tabelle haben, wird dir auf Wikipedia:Fragen zur Wikipedia von den Mitautoren gerne und in der Regel auch schnell geholfen.

Für Fortgeschrittene existiert die Seite Hilfe:Tabellen für Fortgeschrittene.

Einführung[Bearbeiten | Quelltext bearbeiten]

Vorteil von Tabellen[Bearbeiten | Quelltext bearbeiten]

Tabellen sind eine spezielle, strukturierte Form von Datenlisten. Im Gegensatz zu normalen Listen ermöglichen sie eine differenziertere, mehrdimensionale und übersichtlichere Darstellung mit vielen Informationen pro Eintrag und, falls gewünscht, auch eine Sortierbarkeit der einzelnen Spalten. Hierbei kann der Leser Daten numerisch nach Größe sortieren lassen, Begriffe können alphabetisch oder beides nach Rangordnung sortiert werden. Dadurch kann auch Mehrfachdarstellung (Redundanz) vermieden werden (z. B. Päpste alphabetisch, nach Alter, nach Amtszeit, nach Land). Alles Wissen kann übersichtlich in einer Tabelle verknüpft werden, wodurch sie in der Wikipedia einen Schritt in Richtung Semantisches Web mit semantischen Netzen bilden können; Wissen wird zunehmend auch maschinenlesbar und Informationen können automatisch miteinander verknüpft werden.

Tabellen sollte man jedoch aufgrund ihres relativ komplizierten Quelltextes nur dann einsetzen, wenn die Informationsdarstellung dadurch wirksam übersichtlicher wird. Der Einsatz als rein grafisches Gestaltungsmittel ist nicht erwünscht; man sollte deshalb immer überlegen, ob die Informationen nicht besser in einer einfachen Liste unterzubringen sind (siehe Hilfe:Textgestaltung und Hilfe:Listen).

Tabellen im Schreibmaschinenstil ohne Formatierungen[Bearbeiten | Quelltext bearbeiten]

Die einfachste und schnellste WikiWiki-Art, eine Tabelle zu erstellen, ist der Schreibmaschinenstil (siehe auch Hilfe Textgestaltung – vorformatierter Text mit einem Leerzeichen am Zeilenanfang). Dazu stellt man jeder Tabellenzeile ein Leerzeichen voran. Spalten und Layout werden visuell im Bearbeitungsmodus angepasst. Das Ergebnis entspricht anschließend genau der Ansicht im Bearbeitungsmodus. Dabei sollte bedacht werden, dass diese Formatierung die Breite der Druckversion nicht überschreitet (ca. 780 px bei Normalschriftgröße) und auf kleineren Bildschirmen, PDAs etc. ärgerlich sein kann.

Beispiel und Ergebnis:

Klimatabelle
Monat                     JAN FEB MÄR APR MAI JUN JUL AUG SEP OKT NOV DEZ
-------------------------------------------------------------------------
Ø Tagestemperatur in °C    21  21  22  23  24  25  27  29  28  26  24  22
Ø Nachttemperatur in °C    15  15  15  16  17  18  20  21  20  19  18  16
Ø Sonnenstunden pro Tag     6   6   7   8   9   9   9   9   8   7   6   5
Ø Regentage pro Monat       6   4   3   2   2   1   0   0   2   5   6   7
Ø Wassertemperatur in °C   19  18  18  18  19  20  21  22  23  23  21  20

Links und Bilder in Tabellen[Bearbeiten | Quelltext bearbeiten]

Durch Links können in der Tabelle weiterführende oder vertiefende Artikel übersichtlich mit einzelnen Begriffen verknüpft werden. Beispiel: In der Tabelle Deutscher Kaiser verlinkt jede Zeile zum entsprechenden Artikel über die einzelnen Kaiser, und die Links der Jahreszahlen zeigen wichtige Ereignisse zu jener Zeit. Übersichtliche und gut strukturierte Links (assoziative Verweise) sind ebenfalls ein Schritt in Richtung semantisches Web.

Ein Bild sagt mehr als tausend Worte gilt oft auch für Tabellen, exzessive Bildverwendungen können eine Tabelle jedoch auch unübersichtlich machen und überladen. In einigen Tabellen, bsp. der Liste der Nationalhymnen können auch Ton-Beispiele hilfreich und Videos sinnvoll sein.

Beispiel: Flaggenalphabet.

Als Galerie:
Beispiel aus Bildtafel Obst und Gemüse:

Der Quelltext zur obigen Galerie:

<gallery class="center">
Malpighia glabra.jpg|[[Acerola]]
Citrus kawanonatsudaidai fruit.jpg|[[Amanatsu]]
Pineapple victoria dsc07770.jpg|[[Ananas]]
Malus-Idared.jpg|[[Kulturapfel|Apfel]]
</gallery>

Über den Zusatz center lässt sich die Galerie in der Mitte des Artikels anordnen, ohne diesen Zusatz erscheint sie an der linken Seite.

Technische Grundlagen[Bearbeiten | Quelltext bearbeiten]

In der MediaWiki-Syntax beginnt jede Tabelle mit einer geschweiften Klammer { gefolgt von einem senkrechten Strich | und endet mit einem Strich | gefolgt von einer geschweiften Klammer }. Die öffnende Klammer muss als erstes Zeichen der Zeile stehen.

Jede Zelle innerhalb der beiden Klammern beginnt mit einem senkrechten Strich. Dieser macht den Beginn einer neuen Zelle deutlich. Direkt hinter diesem Strich steht entweder der Inhalt der Zelle oder Attribute (zum Beispiel Rowspanning, siehe unten). Der Strich kann am Anfang der Textzeile stehen oder auch mittendrin, dann muss man zwei Striche schreiben. Jedoch sollte man ihn nur am Anfang einer Textzeile verwenden, um die Tabellenstruktur übersichtlich zu halten.

Um die Zellen einer Tabelle zu formatieren, lassen sich sowohl für die Tabelle als Ganzes als auch für einzelne Zellen HTML-Attribute angeben. Insbesondere kann das style-Attribut verwendet werden, wodurch sich beliebige CSS-Formatierungen realisieren lassen. Einzelne Zeilen einer Tabelle lassen sich ebenfalls formatieren, einzelne Spalten jedoch nicht, dies muss zellenweise geschehen. Darauf wird weiter unten eingegangen.

Einfache Tabellen[Bearbeiten | Quelltext bearbeiten]

Eine Tabelle mit zwei Zellen in einer Tabellenzeile sieht im Text so aus:

Eingabe Ergebnis
{|
| Zelle 1
| Zelle 2
|}
Zelle 1 Zelle 2

Bitte beachten:

{| |Einzelzelle |}

funktioniert nicht! Der Zeilenvorschub (Return) ist wichtiger Bestandteil der Tabellensyntax.

Der Beginn einer neuen Zeile wird deutlich gemacht, indem man am Zeilenanfang hinter dem senkrechten Strich einen waagrechten setzt |-. Dies lässt sich beliebig oft wiederholen.

Eingabe Ergebnis
{|
| Zelle 1
| Zelle 2
|-
| Zelle 3
| Zelle 4
|}
Zelle 1 Zelle 2
Zelle 3 Zelle 4

Zum Platzsparen ist es möglich, mehrere Tabellenzellen in einer Quelltextzeile unterzubringen; in diesem Fall muss man die Zellen mit || trennen. Eine Tabelle mit drei Zeilen stellt sich also folgendermaßen dar:

Eingabe Ergebnis
{|
| Zelle 1
| Zelle 2
|-
| Zelle 3
| Zelle 4
|-
| Zelle 5
| Zelle 6
|}
bzw.
{|
| Zelle 1 || Zelle 2
|-
| Zelle 3 || Zelle 4
|-
| Zelle 5 || Zelle 6
|}
Zelle 1 Zelle 2
Zelle 3 Zelle 4
Zelle 5 Zelle 6

Für die Kopfzeile wird der senkrechte Strich durch ein Ausrufezeichen ! ersetzt. Text in einer Zelle einer solchen Zeile wird zentriert und fett gedruckt.

Eine einfache Beispieltabelle aus dem Artikel Bayern-Landshut:

Name Regierungszeit Abstammung
Stephan II. 1347–1375 Herzog von Bayern Sohn Kaiser Ludwigs IV.
Friedrich 1375–1393 Herzog von Bayern-Landshut Sohn Stephans II.
Heinrich XVI. 1393–1450 Herzog von Bayern-Landshut Sohn Friedrichs
Ludwig IX. 1450–1479 Herzog von Bayern-Landshut Sohn Heinrichs XVI.
Georg 1479–1503 Herzog von Bayern-Landshut Sohn Ludwigs IX.

Die obige Tabelle wird durch den folgenden Quelltext erzeugt:

{| class="wikitable"
|-
! Name                                          !! Regierungszeit                       !! Abstammung
|-
| [[Stephan II. (Bayern)|Stephan&nbsp;II.]]     || 1347–1375 Herzog von Bayern          || Sohn Kaiser Ludwigs&nbsp;IV.
|-
| [[Friedrich (Bayern)|Friedrich]]              || 1375–1393 Herzog von Bayern-Landshut || Sohn Stephans&nbsp;II.
|-
| [[Heinrich XVI. (Bayern)|Heinrich&nbsp;XVI.]] || 1393–1450 Herzog von Bayern-Landshut || Sohn Friedrichs
|-
| [[Ludwig IX. (Bayern)|Ludwig&nbsp;IX.]]       || 1450–1479 Herzog von Bayern-Landshut || Sohn Heinrichs&nbsp;XVI.
|-
| [[Georg (Bayern)|Georg]]                      || 1479–1503 Herzog von Bayern-Landshut || Sohn Ludwigs&nbsp;IX.
|}

Erläuterungen:

  • Die Zeichenfolge (Tag) {| beginnt eine Tabelle, während |} sie abschließt. Beide Tags müssen im Quelltext an einem Zeilenanfang stehen.
  • Das Attribut class="wikitable" bewirkt, dass die ganze Tabelle nach den Vorgaben der Klasse wikitable formatiert wird. Diese sieht unter anderem Trennlinien zwischen den Zellen, zusätzlichen Platz zwischen Zelleninhalt und Zellenrand (das sogenannte cellpadding) sowie einen angedunkelten Hintergrund für durch ! markierte Kopfzeilen vor.
  • Mit den zusätzlichen Attributen {| class="wikitable" style="text-align:center" werden alle Texte in den Zellen der Tabelle zentriert ausgerichtet. Eine davon abweichende Formatierung einzelner Zellen ist durch Voranstellen von z. B. style="text-align:right"| vor den Text möglich.
  • Zeilen, die mit einem Ausrufezeichen (!) beginnen, definieren Kopfzeilen von Tabellen. Der Text in einer Zelle einer solchen Zeile wird zentriert und fett gedruckt. Gewöhnliche Tabellenzeilen beginnen dagegen mit einem senkrechten Trennstrich (|).
  • Das Tag |- beginnt eine neue Tabellenzeile, falls es im Quelltext an einem Zeilenanfang steht. Wird das Tag um eine style-Anweisung erweitert (z. B. |- style="text-align:right"), so wird die gesamte Tabellenzeile einheitlich formatiert.
  • Die Zeichen || bzw. !! trennen nebeneinander liegende Tabellenzellen.
  • Nebeneinander liegende Zellen können auch durch einen Zeilenumbruch gefolgt von einem einfachen |-Zeichen dargestellt werden (siehe nächste Tabelle).
  • Die Zeichenfolge &nbsp; (non breaking space) anstatt eines normalen Leerzeichens verhindert einen Zeilenumbruch zwischen den beiden Wörtern, die dieses geschützte Leerzeichen umschließen.

Sortierbare Tabelle[Bearbeiten | Quelltext bearbeiten]

Sortierbare Tabellen ermöglichen verschiedene und vom Leser wählbare Sichtweisen auf eine Sache. Dazu muss class="wikitable sortable" im Tabellenkopf angegeben werden.

ABC Länge Breite Farbe Bemerkung
a 1100 1000 hellblau Blau ist der Himmel
b 30 2 grün Grün ist das Gras
c 100 90 rot Rot ist die Liebe

Diese sortierbare Tabelle wird durch folgenden Code erzeugt:

{| class="wikitable sortable"
! ABC !! Länge !! Breite !! Farbe !! class="unsortable"| Bemerkung
|-
| [[a]]
|style="text-align:right"| 1100
|style="text-align:right"| 1000
| hellblau
| Blau ist der Himmel
|-
| [[b]]
|style="text-align:right"| 30
|style="text-align:right"| 2
| grün
| Grün ist das Gras
|-
| [[c]]
|style="text-align:right"| 100
|style="text-align:right"| 90
| rot
| Rot ist die Liebe
|}

Erläuterungen

  • Das sortable in class="wikitable sortable" erlaubt die Sortierung der Tabelle nach wählbaren Spalten.
  • Mit class="unsortable" können einzelne Spalten von der Sortierbarkeit ausgenommen werden.
  • Die Sortierung funktioniert nur, wenn die Zellen der Kopfzeile (Spaltenüberschriften) mit Ausrufezeichen (!) angegeben werden (bzw. bei Eingabe nebeneinander in der Form:! Überschrift1 !! Überschrift2 !! Überschrift3).
  • Leere Zellen können durch einen einfachen Abstand erzeugt werden, sie werden beim Sortieren an den Anfang gestellt, solche mit &nbsp; an das Ende.

Bei der Verwendung von Vor- und Familiennamen sowie bei unterschiedlich formatierten Zahlen kann die Angabe eines Sortierschlüssels oder -typs für die richtige Sortierung sorgen. Hier die wichtigsten Fälle:

Text Name Jahreszahl Zahlen
Bernd Müller Müller, Bernd Bernd Müller um 1850 2,00 m
Hans Zehnder Zehnder, Hans Hans Zehnder 1840 1,30 m
Stefan Ackermann Stefan Ackermann 1860 1,55 m

Diese sortierbare Tabelle wird durch folgenden Code erzeugt:

{| class="wikitable sortable"
|-
!class="unsortable"| Text !! Name !! Jahreszahl !!data-sort-type="number"| Zahlen
|-
| Bernd Müller
| {{SortKeyName|Bernd|Müller}}
|style="text-align:right" data-sort-value="1850"| um 1850
|style="text-align:right"| 2,00 m
|-
| Hans Zehnder
| {{SortKeyName|Hans|Zehnder}}
|style="text-align:right"| 1840
|style="text-align:right"| 1,30 m
|-
| Stefan Ackermann
|data-sort-value="Ackermann"| Stefan Ackermann
|style="text-align:right"| 1860
|style="text-align:right"| 1,55 m
|}

Erläuterungen

  • Die Angabe class="unsortable" nimmt die erste Spalte von der Sortierung aus, da diese sonst nach dem Vornamen sortiert würde.
  • Die Vorlage:SortKeyName sortiert nach Nachname und setzt einen Link.
  • Bei Stefan Ackermann und um 1850 sorgt das Attribut data-sort-value für die richtige Sortierung abweichend von der Anzeige.
  • Die Angabe data-sort-type="number" in der letzten Spalte stellt sicher, dass die Spalte numerisch sortiert wird. Dies ist notwendig, da die Einheiten hier eine automatische Erkennung als Zahlen verhindern.
  • Ein allgemein verwendbarer Sortierschlüssel ist das Attribut data-sort-value: data-sort-value="100"|ca. 100

Zu ausführlichen Informationen zur Sortierung und über nicht sortierbare Zeilen siehe Hilfe:Tabellen für Fortgeschrittene#Sortierbare Tabellen.

Soll eine sortierbare Tabelle in der Kopfzeile zusätzlich mit einem farbigen Hintergrund versehen werden, dann sollte dies möglichst über eine Klassenzuweisung mit Wirkung auf die komplette Zeile erfolgen. Farben sollten auch hier wie bei allen Tabellen möglichst sparsam eingesetzt werden.

Name Vorname Größe
John Smith 1,85
Ron Ray 1,89
Mario Bianchi 1,72
Durchschnitt: 1,82

Diese sortierbare Tabelle wird durch folgenden Code erzeugt:

{| class="wikitable sortable"
|- class="hintergrundfarbe8"
! Name !! Vorname !! Größe
|-
| John || Smith || 1,85
|-
| Ron || Ray || 1,89
|-
| Mario || Bianchi || 1,72
|-
! colspan="2"| Durchschnitt: !! 1,82
|}

Erläuterungen

  • Die Angabe |- class="hintergrundfarbe8" leitet eine neue Zeile ein und weist dieser einen Farbwert zu; hierfür stehen neun voreingestellte Farben zur Auswahl. Siehe Hilfe:Farbe#Hintergrundfarben

Falls das Farbangebot der Klassenzuweisung nicht ausreicht, kann die Überschrift auch mit einer beliebigen Hintergrundfarbe versehen werden werden. Dabei muss jedoch darauf geachtet werden, dass jeder einzelnen Zelle der Kopfzeile dieser Farbwert über eine Style-Anweisung zugewiesen werden muss.

Kopfzeile mit frei wählbarem Farbwert
korrekt mit background-color fehlerhaft ohne -color bgcolor="farbe" ist unwirksam
Name Vorname Größe
John Smith 1,85
Ron Ray 1,89
Mario Bianchi 1,72
Durchschnitt: 1,82
Name Vorname Größe
John Smith 1,85
Ron Ray 1,89
Mario Bianchi 1,72
Durchschnitt: 1,82
Name Vorname Größe
John Smith 1,85
Ron Ray 1,89
Mario Bianchi 1,72
Durchschnitt: 1,82

Eine sortierbare Tabelle mit frei wählbarer Hintergrundfarbe der Kopfzeile wird durch folgenden Code erzeugt:

{| class="wikitable sortable"
|-
! style="background-color:#6B8E23;"| Name !! style="background-color:#6B8E23;"| Vorname !! style="background-color:#6B8E23;"| Größe
|-
| John || Smith || 1,85
|-
| Ron || Ray || 1,89
|-
| Mario || Bianchi || 1,72
|-
! colspan="2"| Durchschnitt: !! 1,82
|}

Erläuterungen

  • Damit durch die Style-Zuweisung nicht versehentlich die Sortierpfeile überschrieben werden, muss die ansonsten zur Hintergrundfärbung ausreichende Angabe style="background:#6B8E23;"| um die genauere Spezifikation -color ergänzt werden.
  • Die korrekte Zuweisung muss also style="background-color:#6B8E23;"| lauten.
  • Sowohl style="background:#6B8E23;"| als auch die veraltete Zuweisung bgcolor="#6B8E23"| funktionieren nicht. Siehe auch Hilfe:Tabellen für Fortgeschrittene #Hinweise.

Layout[Bearbeiten | Quelltext bearbeiten]

Tabellenüberschriften, Trennstriche[Bearbeiten | Quelltext bearbeiten]

Das folgende Beispiel zeigt, wie man eine Tabellenüberschrift erzeugt und wie sich Trennstriche zwischen bestimmten Zellen realisieren lassen:

{| style="text-align:right"
|+ Addition von vier Zahlen
|-
| <tt>365</tt>
|-
| <tt>+ 123</tt>
|-
| <tt>+ 235</tt>
|-
| <tt>+ 277</tt>
|-
|style="border-top: 1pt black solid"| <tt>1000</tt>
|}
Addition von vier Zahlen
365
+ 123
+ 235
+ 277
1000

Erläuterungen:

  • Die Zeile, die mit |+ beginnt, bezeichnet den Titel der Tabelle.
  • Die von <tt></tt> eingeschlossenen Ziffern und Zeichen werden mit fester Laufweite gesetzt.
  • Das Attribut style="border-top: 1pt black solid" weist der Zelle einen schwarzen, oberen Rand mit definierter Breite zu. Weitere enthaltene Eigenschaften können sein: border-left, border-right und border-bottom für einen linken, rechten bzw. unteren Rand. border: 1pt setzt alle vier Ränder.

Dicke Trennstriche:

 {| class="wikitable" style="text-align:center"
 | style="border-right:medium solid"| Links
 | Rechts
 |-
 | style="border-right:medium solid"| left
 | right
 |}
Links Rechts
left right

Spaltenbreite, Textausrichtung[Bearbeiten | Quelltext bearbeiten]

Dieses Beispiel erläutert, wie man den Zelleninhalt ausrichtet und die Spaltenbreite einstellt. Es lehnt sich an die Liste der römischen Kaiser an:

Kaiser der Flavischen Dynastie Vollst. Liste
Kaiser Vollständiger Name Regierungszeit Anmerkungen
Vespasian Titus Flavius Vespasianus 69–79 konsolidierte Verwaltung und Finanzen des Reiches
Titus Titus Flavius Vespasianus Mitte 79–81 eröffnete das Kolosseum in Rom
Domitian Titus Flavius Domitianus 81–96 beendete römische Expansion in Germanien
Saturninus Lucius Antonius Saturninus 89 Gegenkaiser in Germanien, gefallen

Der Quelltext hierfür sieht folgendermaßen aus:

{| class="wikitable sortable"
|+ style="padding-bottom:1em"| Kaiser der Flavischen Dynastie [[Liste der römischen Kaiser der Antike#Liste der römischen Kaiser|Vollst. Liste]]
|- class="hintergrundfarbe6"
! style="width:15%"| Kaiser !! style="width:30%"| Vollständiger Name !! style="width:15%"| Regierungszeit !! class="unsortable" style="width:40%"| Anmerkungen
|-
| [[Vespasian]] || Titus Flavius Vespasianus
| style="text-align:right"| 69–79 || konsolidierte Verwaltung und Finanzen des Reiches
|-
| [[Titus]] || Titus Flavius Vespasianus
| style="text-align:right" data-sort-value="79–81"| Mitte 79–81 || eröffnete das [[Kolosseum]] in Rom
|-
| [[Domitian]] || Titus Flavius Domitianus
| style="text-align:right"| 81–96 || beendete römische Expansion in Germanien
|-
| [[Lucius Antonius Saturninus|Saturninus]] || Lucius Antonius Saturninus
| style="text-align:right" class="hintergrundfarbe5"| 89 || Gegenkaiser in Germanien, gefallen
|}

Erläuterungen

  • Der Befehl width="15%" weist einer Spalte 15 % der Gesamtbreite der Tabelle zu.
  • Die Ausrichtung von Text rechtsbündig in einer Zelle erreicht man durch die CSS-Anweisung style="text-align:right" oder einfach mit align="right". Die vertikale Ausrichtung in einer Zelle zum Beispiel am oberen Rand erreicht man über style="vertical-align:top" oder valign="top" (unterer Rand: bottom).

Zellfärbung[Bearbeiten | Quelltext bearbeiten]

Um den Zellen eine Hintergrundfarbe zu geben, gibt es vordergründig drei Methoden:

  1. Mit class="hintergrundfarbeX" kann eine der 9 Wikipedia-Standardfarben vergeben werden, wobei anstelle des „X“ eine Ziffer zwischen 1 und 9 verwendet wird:
Hintergrundfarbe RGB-Code
hintergrundfarbe1 (Standard) #F9F9F9
hintergrundfarbe2 (weiß) #FFFFFF
hintergrundfarbe3 #FFFF40
hintergrundfarbe4 #FFAA00
hintergrundfarbe5 #E0E0E0
hintergrundfarbe6 #B3B7FF
hintergrundfarbe7 #FFCBCB
hintergrundfarbe8 #FFEBAD
hintergrundfarbe9 #B9FFC5
  1. Mit style="background:#112233" kann Zellen direkt eine beliebige Farbe zugewiesen werden. Hinter der Raute (#) werden die Farbanteile nach dem RGB-Schema (Rot-Grün-Blau) jeweils als zweistellige hexadezimale Zahlen angegeben. „00“ (=dezimal 0) bedeutet 0 % und „FF“ (=dezimal 255) bedeutet 100 % der jeweiligen Grundfarbe. #FF0000 ergibt also ein reines Rot, #00FF00 Grün und #0000FF Blau. Durch eine Mischung wie #FF00FF.
    erhält man beispielsweise Violett. Siehe Hilfe:Farbe dazu. Kennt man den für alle Browser standardisierten englischen Namen für eine gewünschte Farbe, könnte man diesen anstelle der RGB-Kodierung verwenden, z. B. style="background:darkred" für Dunkelrot oder style="background:lightblue" für Hellblau. Sicherer ist es, einheitlich die Farbmischung explizit anzugeben.
  2. bgcolor="#112233" funktioniert genauso wie style="background:#112233". Dabei handelt es sich jedoch um eine seit 1998 veraltete Syntax, die nicht mehr neu in Artikel eingefügt werden soll; vielmehr allmählich durch das Universal-Attribut style ersetzt werden sollte.

Generell gilt:

  • Einen der obigen drei Befehle hinter |- platziert hat Einfluss auf die komplette Tabellenzeile; hinter | platziert wird nur die einzelne Zelle gefärbt.
  • Farbangaben vor einzelnen Zellen „überschreiben“ eine eventuelle Farbangabe für die ganze Zeile. Beispiel:
A B C D
Der Quelltext hierfür:
{| class="wikitable"
|-class="hintergrundfarbe8"
| A
| B
| class="hintergrundfarbe3"|C
| D
|}
  • Für die Überschriftszeile einer Tabelle (definiert durch!) funktioniert das Färben nur mittels class="hintergrundfarbeX" uneingeschränkt. bgcolor="#112233" funktioniert hier überhaupt nicht und style="background:#112233" funktioniert nur für einzelne Überschriftzellen, nicht für eine komplette Zeile. Will man dies erreichen, muss man den Befehl vor jede Zelle der Überschriftzeile setzen.

Zeilenumbruch, Aufzählung[Bearbeiten | Quelltext bearbeiten]

Bild

Zeile 1
Zeile 2
Zeile 3

 {| class="wikitable"
 | Bild
 |
 Zeile 1
 <br />Zeile 2
 <br />Zeile 3
 |}
Bild
  • Zeile 1
  • Zeile 2
  • Zeile 3
 {| class="wikitable"
 | Bild
 |
 * Zeile 1
 * Zeile 2
 * Zeile 3
 |}

Verbundene Tabellenzellen[Bearbeiten | Quelltext bearbeiten]

Zellen verbinden: Eine Zelle kann die rechts oder unten angrenzenden Zellen überspannen so deren visuellen Raum einnehmen.

colspan (column span): Spalten überspannend

A B C
eine Zeile
{| class="wikitable" style="text-align:center"
| A
| B
| C
|-
|colspan="3"| eine Zeile
|}

rowspan (row span): Zeilen überspannend

A eine Spalte
B
C
{| class="wikitable" style="text-align:center"
| A
| rowspan="3"| eine Spalte
|-
| B
|-
| C
|}
führende Spalte A
B
C
{| class="wikitable" style="text-align:center"
| rowspan="3"| führende Spalte
| A
|-
| B
|-
| C
|}

colspan + rowspan

A
B eine Spalte
C
{| class="wikitable" style="text-align:center"
|colspan="2" style="text-align:center"| A
|- style="text-align:center"
| B
| rowspan="2"| eine Spalte
|- style="text-align:center"
| C
|}

Tabellen nebeneinander[Bearbeiten | Quelltext bearbeiten]

{| class="wikitable" style="float:left; margin-right:1em"
|+ Linke Tabelle
! Überschrift 1 || Überschrift 2
|-
| Feld 1 || Feld 2
|}

{| class="wikitable" style="float:left"
|+ Rechte Tabelle
! Überschrift 3 || Überschrift 4
|-
| Feld 3 || Feld 4
|}
Linke Tabelle
Überschrift 1 Überschrift 2
Feld 1 Feld 2
Rechte Tabelle
Überschrift 3 Überschrift 4
Feld 3 Feld 4

Sollen die Tabellen nicht von Text und nachfolgenden Überschriften umflossen werden, kann unterhalb ein <div style="clear:both"></div> eingefügt werden oder die nachfolgende Tabelle ein style="clear:both" erhalten.

Gleich breite Spalten[Bearbeiten | Quelltext bearbeiten]

{| class="wikitable"
|-
|style="width: 5em"| a: 5em
|style="width:10em"| b: 10em
|style="width: 7em"| c: 7em
|}
{| class="wikitable"
|-
|style="width: 5em"| a: 5em
|style="width:10em"| b: 10em
|style="width: 7em"| c: 7em
|}
a: 5em b: 10em c: 7em
a: 5em b: 10em c: 7em

Anmerkung
Auf Pixelangaben (also auf Angaben mit der Einheit px statt em) sollte verzichtet werden.

Listen in Tabellen, Bilder in Tabellen[Bearbeiten | Quelltext bearbeiten]

Tabellen können Tabellen, Bilder und Wiki-Syntax-Formatierung enthalten:

Hyänen
Tüpfelhyäne (Crocuta crocuta)

Tüpfelhyäne (Crocuta crocuta)

Systematik
Überklasse: Kiefermäuler (Gnathostomata)
Klasse: Säugetiere (Mammalia)
Unterklasse: Höhere Säugetiere (Eutheria)
Ordnung: Raubtiere (Carnivora)
Überfamilie: Katzenartige (Feloidea)
Familie: Hyänen
Wissenschaftlicher Name
Hyaenidae
Gray, 1821
Arten

Dieser Text erzeugt die rechte Tabelle, wenn man ihn in einen Artikel eingibt:

{{Taxobox
| Taxon_Name       = Hyänen
| Taxon_WissName   = Hyaenidae
| Taxon_Rang       = Familie
| Taxon_Autor      = [[John Edward Gray|Gray]], 1821
| Taxon2_Name      = Katzenartige
| Taxon2_WissName  = Feloidea
| Taxon2_Rang      = Überfamilie
| Taxon3_Name      = Raubtiere
| Taxon3_WissName  = Carnivora
| Taxon3_Rang      = Ordnung
| Taxon4_Name      = Höhere Säugetiere
| Taxon4_WissName  = Eutheria
| Taxon4_Rang      = Unterklasse
| Taxon5_Name      = Säugetiere
| Taxon5_WissName  = Mammalia
| Taxon5_Rang      = Klasse
| Taxon6_Name      = Kiefermäuler
| Taxon6_WissName  = Gnathostomata
| Taxon6_Rang      = Überklasse
| Bild             = Crocuta-hejda.jpg
| Bildbeschreibung = [[Tüpfelhyäne]] (''Crocuta crocuta'')
| Subtaxa_Rang     = Art
| Subtaxa          =
* [[Streifenhyäne]] (''Hyaena hyaena'')
* [[Schabrackenhyäne]] (''Hyaena brunnea'')
* [[Tüpfelhyäne]] (''Crocuta crocuta'')
* [[Erdwolf]] (''Proteles cristatus'')
}}

Erläuterungen

Siehe: Wikipedia:Taxoboxen

Anmerkungen zum Zelleninhalt[Bearbeiten | Quelltext bearbeiten]

Besonders gut ist hierfür das unter Vorlage:FN beschriebene Paket geeignet.

Ein anderer Weg ist eine Variante der sonst für Einzelnachweise eingesetzten <ref>:

Spalte 1 Spalte 2
Zelle 1 Zelle 2
Zelle 3 Zelle 4[Anm. 1]
  1. Eine Anmerkung, die zu lang ist und die Tabellenformatierung erheblich beeinträchtigen würde.

Der Quelltext hierfür sieht folgendermaßen aus:

{| class="wikitable"
! Spalte 1
! Spalte 2
|-
| Zelle 1
| Zelle 2
|-
| Zelle 3
| Zelle 4<ref group="Anm.">Eine Anmerkung, die zu lang ist und die Tabellenformatierung erheblich beeinträchtigen würde.</ref>
|}

<references group="Anm." />

CSS-Klassen für Tabellen[Bearbeiten | Quelltext bearbeiten]

Um Tabellen sowohl in ihren Inhalten als auch bereits im Kopfbereich weitgehend frei von Elementen zu halten, die die Darstellungsweise betreffen, wurden für das global wirksame CSS einige Klassen entwickelt, die es erlauben, wichtige Stile mit wenigen anschaulichen Anweisungen festzulegen.

wikitable[Bearbeiten | Quelltext bearbeiten]

Mittels class="wikitable" im Tabellenkopf lässt sich eine schwach grau getönte Tabelle mit sichtbaren, wenngleich dezenten Zellgrenzen erstellen. Zwischen Zellinhalt und Rand wird etwas „Luft“ gelassen. Die Standardtabelle ohne wikitable ist rahmenlos und hat einen transparenten Hintergrund, was für Layout-Zwecke teilweise erwünscht ist, sich jedoch in bestimmten Fällen zu schlecht vom Text absetzt.

Nicht mehr verwendet werden soll die Klasse prettytable, die sich noch in einigen älteren Artikeln befindet, um die Kohärenz der Stilmittel zwischen den verschiedenen Wikipedias zu fördern. Sie wurde aus der englischen Wikipedia übernommen, dort jedoch bereits durch wikitable ersetzt. Beide Klassen unterscheiden sich nur in einem Punkt, der Angabe einer Hintergrundfarbe für die Tabellenkopf-Zeile. Bei prettytable konnten hierfür noch alle Möglichkeiten (HTML, CSS, Wiki-CSS-Klassen) genutzt werden. class="wikitable" erlaubt hingegen nur noch die Nutzung der Wiki-CSS-Klassen, beispielsweise class="hintergrundfarbe2". Um dennoch dasselbe Aussehen einer Tabelle zu erhalten, kann man alternativ die Hintergrundfarbe für jede Tabellenkopf-Zelle separat mit CSS definieren. Dieser Sonderweg ist aber eher unerwünscht und sollte bei normalen Tabellen nicht genutzt werden. Weitere Einzelheiten unter Hilfe:Tabellen/prettytable.

sortable[Bearbeiten | Quelltext bearbeiten]

Mittels class="sortable" werden Spalten sortierbar. Das heißt, wenn JavaScript für die Wikipedia aktiviert ist, können Tabellen durch Klick auf das entsprechende Symbol in einem Spaltenkopf nach dieser Spalte auf- und absteigend sortiert werden. Die mitunter unsortierte Ausgangs-Darstellung erhält man durch Neuladen der Seite. Einzelne Spalten, für die eine Sortierung als unsinnig angesehen wird, können mittels der spaltenweisen Angabe von class="unsortable" markiert werden, so werden Sortierfunktion und -symbol unterdrückt. Mit der gleichen Angabe können auch einzelne Tabellenzeilen von der Sortierung ausgenommen werden.

Siehe auch: MediaWiki Handbook – Sorting, Tabellen:Sortierbare Tabelle

zebra[Bearbeiten | Quelltext bearbeiten]

Name Geboren
Siekmann, Ida Ida Siekmann 23. August 1902
Litfin, Günter Günter Litfin 19. Januar 1937
Hoff, Roland Roland Hoff 19. März 1934
Schulz, Eberhard Eberhard Schulz 11. März 1946

Mittels class="zebra", das nur in Kombination mit wikitable verwendbar ist, werden die Zeilen einer Tabelle abwechselnd in reinem Weiß (#FFFFFF) hervorgehoben. Das Besondere daran ist, dass die Hervorhebung beim Sortieren der Tabelle nicht mitsortiert wird. Beim Einsatz dieser Klasse sollte bedacht werden, ob es wirklich dem Leser hilft. Dies könnte z. B. bei Tabellen mit vielen Spalten und Zeilen der Fall sein. Dieser Zusatz wird von einigen Browsern, insbesondere vom Internet Explorer bis zur Version 8, nicht unterstützt. Die abwechselnde Hervorhebung lässt sich durch eine zusätzlich für die gesamte Tabelle definierte Hintergrundfarbe verstärken, die normale Hintergrundfarbe für Tabellen ist #F9F9F9.

Eine dynamische Variante, bei der nur jeweils die Zeile unter dem Mauszeiger hervorgehoben wird, lässt sich mit class="mw-datatable" erreichen.

mw-collapsible[Bearbeiten | Quelltext bearbeiten]

Unternehmen Gründung
Wikimedia Foundation 20. Juni 2003
Google 4. September 1998
Microsoft 4. April 1975

Mittels class="mw-collapsible" lässt sich eine Tabelle ein- und ausklappen. Beim Einsatz dieser Klasse sollte bedacht werden, ob es wirklich dem Leser hilft. Durch den Zusatz mw-collapsed ist die Tabelle beim Laden des Artikels eingeklappt. Bedenke bitte, dass auf dem Browser des Betrachters für dieses Stilelement JavaScript aktiviert sein muss und es deshalb zu Beeinträchtigung in der Zugänglichkeit kommen kann. In Artikeln ist das Einklappen von Tabellen und Inhalten im Allgemeinen unerwünscht und sollte nur angewandt werden, wenn es dem Leser den Artikel wesentlich zugänglicher macht.

mw-datatable[Bearbeiten | Quelltext bearbeiten]

Mit der Maus über die Zeilen fahren
Eintrag Wert 1 Wert 2 Wert 3
a 1 2 3
b 4 5 6
c 7 8 9

Mittels class="mw-datatable" wird die Zeile, über die sich der Mauszeiger gerade befindet, hervorgehoben. Dies kann die Lesbarkeit von Tabellen mit vielen Daten in Spalten erhöhen. In diesem Verwendungszweck ähnelt sie class="zebra", jedoch ohne deren ständige Hervorhebung aller Zeilen, die möglicherweise als störend empfunden wird.

toptextcells[Bearbeiten | Quelltext bearbeiten]

Die Wirkung von toptextcells
Tag Uhrzeit Beschreibung
des Tages
und der Nacht
Montag 12:00 012345
Montag 18:00 12345678901 12345, 123 1234 123456 123456 123456 78901234 22 567890 12 789012
Dienstag 20:00 1234 123 98765

Durch class="toptextcells" im Tabellenkopf kann das Standardverhalten, dass Texte in Zellen vertikal zentriert dargestellt werden, dahingehend abgeändert werden, dass die Texte immer oben beginnen und der Abstand jeweils nach unten variiert. In Fällen stark unterschiedlicher Auffüllung führt dies zu einer größeren Übersicht, die obere Textzeile bildet mit der oberen Begrenzung zusammen eine Flucht. Die Alternative zu dieser Klasse wäre das Einfügen von Anweisungen der Form style="vertical-align:top" oder valign="top" in jeder Tabellenzelle.

Die Wirkung ist in der nebenstehenden Beispieltabelle in der farbig markierten Zelle mit dem Wert „18:00“ am deutlichsten zu bemerken. Gleichzeitig sieht man, dass Überschriftenzellen wie die mit dem Inhalt „Tag“ oder „Montag“ nicht oben ausgerichtet werden. Das heißt, toptextcells wirkt sich nur auf normale Tabellenzellen aus, in diesem Beispiel sind das die Zellen, die keine Buchstaben enthalten.

Kombinationen[Bearbeiten | Quelltext bearbeiten]

Die genannten vier Klassen lassen sich kombinieren. Hierbei sollte Augenmaß gewahrt werden, nicht jede Eigenschaft ist immer passend. Sortierbare Wikitables (class="wikitable sortable") werden sich häufig anbieten. Oben ausgerichtete Texte in Zellen werden häufig mit Wikitable kombiniert werden.

Auch Kombinationen aller drei Stile sind denkbar (class="wikitable sortable toptextcells"), wenn in Tabellen umfangreiche Erläuterungen enthalten sind, diese sollten dann als unsortable markiert werden.

Ausrichtung der Tabelle[Bearbeiten | Quelltext bearbeiten]

Normalerweise werden Tabellen in Artikeln linksbündig ohne Textumfluss dargestellt. Um Tabellen rechtsbündig oder mit Textumfluss darzustellen, können folgende CSS-Klassen genutzt werden:

Linksbündig mit Textumfluss (class="wikitable float-left")
Name Vorname Nachname
Müller, Balthasar Balthasar Müller Balthasar Müller
Zehnder, Hans Hans Zehnder Hans Zehnder
Ackermann, Stefan Stefan Ackermann Stefan Ackermann
Rechtsbündig mit Textumfluss (class="wikitable float-right")
Name Vorname Nachname
Müller, Balthasar Balthasar Müller Balthasar Müller
Zehnder, Hans Hans Zehnder Hans Zehnder
Ackermann, Stefan Stefan Ackermann Stefan Ackermann

Mit der Klasse „float-left“ (class="wikitable float-left") kann eine Tabelle linksbündig mit Textumfluss dargestellt werden. Analog dazu kann mit der Klasse „float-right“ (class="wikitable float-right") eine Tabelle rechtsbündig mit Textumfluss dargestellt werden. Um den Textumfluss zu beenden, das heißt zu verhindern, dass die Tabelle in den nächsten Abschnitt rutscht, kann die Vorlage:Absatz genutzt werden (bitte nur mit {{subst:Absatz}} einfügen).

Für die einfache Zentrierung einer Tabelle stehen zwei CSS-Klassen zur Verfügung: „centered“ und „center“. Diese unterscheiden sich im Wesentlichen durch die Breite der Tabelle, wobei „centered“ (class="wikitable centered") eine Tabelle nur zentriert und „center“ (class="wikitable center") die Tabelle auf die gesamte verfügbare Breite zieht.

Zentrierte Tabelle (class="wikitable centered")
Name Vorname Nachname
Müller, Balthasar Balthasar Müller Balthasar Müller
Zehnder, Hans Hans Zehnder Hans Zehnder
Ackermann, Stefan Stefan Ackermann Stefan Ackermann
Zentrierte Tabelle, die sich über die volle Breite des Artikelbereichs erstreckt (class="wikitable center")
Name Vorname Nachname
Müller, Balthasar Balthasar Müller Balthasar Müller
Zehnder, Hans Hans Zehnder Hans Zehnder
Ackermann, Stefan Stefan Ackermann Stefan Ackermann

Sonstiges[Bearbeiten | Quelltext bearbeiten]

Tabelle nach mehreren Schlüsseln sortieren[Bearbeiten | Quelltext bearbeiten]

Dies betrifft nicht die Gestaltung einer Tabelle, sondern ihre Benutzung.

Voraussetzung: Damit man eine Tabelle überhaupt sortieren kann, muss diese vom Typ Sortierbare Tabelle sein.

Um eine Tabelle nach mehreren Schlüsseln (≅ Spaltendaten) zu sortieren:

  1. Überlege dir, wie du die Tabelle sortiert haben willst, und merke dir diese Schlüsselreihenfolge. Beispiel: Eine Tabelle soll nach dem Land und innerhalb des Lands nach dem Ort sortiert werden.
  2. Klicke die Pfeilsymbole in den jeweiligen Spaltentiteln in der umgekehrten Reihenfolge. Im Beispiel also erst „Ort“ und dann „Land“. Drücke gegebenenfalls denselben Sortierpfeil zweimal, um ab- statt aufsteigend zu sortieren.

Alternativ kannst du die Umschalttaste festhalten und die Spaltentitel in der richtigen Reihenfolge anklicken. Im Beispiel also erst „Land“ und dann „Ort“.

Um die Sortierung verlässlich zurückzusetzen:

  1. lade die Seite einfach erneut im Webbrowser.
  2. Das Klicken auf den primären Sortierschlüssel (meist die erste Spalte) kann denselben Effekt haben.

Konkretes Beispiel zum Üben:

  1. Öffne die Tabelle: Liste der Großstädte in Deutschland
  2. Du willst die Tabelle sortieren nach: Land, Name.
  3. Dann klicke auf: Name, Land.

Siehe auch: Die englische Hilfe Secondary sortkey, ist derzeit (April 2011) eher technisch formuliert, daher die praxisnahe Benutzunghilfe hier.

Nummerierung der Zeilen[Bearbeiten | Quelltext bearbeiten]

Eine „automatische“ Nummerierung der Zeilen einer Tabelle, so wie es etwa bei einer Liste mit dem Zeichen „#“ möglich ist, ist bei Tabellen nicht vorgesehen. Neben der Arbeitsersparnis beim nachträglichen Erweitern einer Tabelle hätte dies bei sortierbaren Tabellen den Vorteil, dass die Zeilennummern auch nach jedem Sortiervorgang mit 1 beginnen würden. (Siehe auch: Fragen zur Wikipedia: Nummerierung bei Tabellen)

Hilfsmittel[Bearbeiten | Quelltext bearbeiten]

  • EXCEL-Tabellenumwandlung konvertiert den ausgewählten Tabellenbereich aus MS Excel direkt ins Wiki-Tabellenformat. Die wichtigsten Formatierungen wie Fett/Kursiv, Zellenhöhe und -breite, Schriftgröße, Farbinformation aus MS Excel bleiben erhalten.
  • Excel2Wiki Berücksichtigt verbundene Zellen, dazu auch ein Programm zur Umwandlung der Spalten in Zeilen und umgekehrt und ein Programm zur Zeilenumkehr, d. h. die letzte Zeile wird zur ersten usw.
  • csv2wp ist ein Werkzeug zum Umwandeln von CSV-Dateien in Wiki-Tabellenformat. Damit lassen sich z. B. Tabellen aus Microsoft Excel importieren.
  • Ab OpenOffice 2.3 kann man Writer-Dokumente ins Mediawiki-Format exportieren. Tabellen aus Calc müssen dort mit „Bearbeiten“ → „Inhalte einfügen“ → „Formatierter Text (RTF)“ eingefügt werden.
  • OpenOffice-Tabellen können mit Calc2Wiki konvertiert werden. Eine Alternative (mit der ein oder anderen Erweiterung) ist Calc2WikiTable.
  • Umwandlung von HTML-Tabellen in MediaWiki-Tabellen

Weitere Informationen[Bearbeiten | Quelltext bearbeiten]