Tabellen

Diese Seite beschreibt die Verwendung von Tabellen in Wikipedia-Artikeln und richtet sich speziell an Anfänger. Solltest du Probleme beim Erstellen einer Tabelle haben, wird dir auf 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.

Vorteil von Tabellen
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.

Links und Bilder in Tabellen
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:

Tabellen sollte man jedoch aufgrund ihres 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).

Technische Grundlagen
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.

Einfache Tabelle
Die einfachste Form einer Tabelle

Der Quelltext zur obigen Tabelle:

Tabelle mit Rahmen

Der Quelltext zur obigen Tabelle:

Tabelle mit Rahmen und zweizeiliger Überschrift

Der Quelltext zur obigen Tabelle:

Eine einfache Beispieltabelle aus dem Artikel Bayern-Landshut:

Die obige Tabelle wird durch den folgenden Quelltext erzeugt:

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  bewirkt, dass die ganze Tabelle nach den Vorgaben der Klasse   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.
 * 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.
 * 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  (non breaking space) anstatt eines normalen Leerzeichens verhindert einen Zeilenumbruch zwischen den beiden Wörtern, die dieses geschützte Leerzeichen umschließen.

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

Diese sortierbare Tabelle wird durch folgenden Code erzeugt:

Erläuterungen
 * Das  in   erlaubt die Sortierung der Tabelle nach wählbaren Spalten.
 * Mit  können einzelne Spalten von der Sortierbarkeit ausgenommen werden.

Bei der Verwendung von Namen und Zahlen sorgen Vorlagen für die richtige Sortierung. Hier die wichtigsten Fälle:

Diese sortierbare Tabelle wird durch folgenden Code erzeugt:

Erläuterungen
 * Die Vorlage:SortKeyName sortiert nach Nachname und setzt einen Link.
 * Bei Stefan Ackermann und um 1850 sorgt die Vorlage:SortKey für die richtige Sortierung abweichend von der Anzeige.
 * Die Vorlage:dts formatiert und sortiert Datumsangaben und die Vorlage:nts Zahlen.

Ausführliche Informationen zur Sortierung und über nicht sortierbare Zeilen siehe Hilfe:Tabellen-Referenz.

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


 * style="width:2em"|


 * }

Erläuterungen


 * Die Zeile, die mit  beginnt, bezeichnet den Titel der Tabelle.
 * Die von  ...   eingeschlossen Ziffern und Zeichen werden mit fester Laufweite gesetzt.
 * Der Befehl  weist der Zelle einen oberen Rand mit definierter Breite zu. Weitere Befehle sind:   und   für einen Rand links, rechts oder unten.   setzt alle vier Ränder.

Zellfärbung, Spaltenbreite, Textausrichtung
Dieses Beispiel erläutert, wie man sortierbare Tabellen erstellt, wie man Zellen färbt, den Zelleninhalt rechts ausrichtet und die Spaltenbreite einstellt. Es lehnt sich an die Liste der römischen Kaiser an:

Der Quelltext hierfür sieht folgendermaßen aus:

Erläuterungen


 * Der Befehl  weist einer Spalte 15 % der Gesamtbreite der Tabelle als Breite zu.
 * Die Ausrichtung von Text rechtsbündig in einer Zelle erreicht man durch die CSS-Anweisung.
 * Andere Hintergrundfarben können mittels  nach   für die ganze Zeile oder   für eine einzelne Zelle vergeben werden, wobei das   für eine Zahl von 1 bis 9 steht, die wiederum eine von 9 Standardfarben gemäß Hilfe:Farben bezeichnet. Außerhalb des Artikelnamensraumes können Farben außer durch ihren englischen Namen auch als sechs hexadezimale Zeichen eingegeben werden, wobei die ersten beiden für die Intensität des Rotanteils von 00 bis ff (0 bis 256 dezimal) stehen, die nächsten beiden für den Grünanteil und die letzten beiden für den Blauanteil. Es bedeutet also   die Farbe Rot,   steht für Grün und   für Blau, durch eine Mischung erhält man beispielsweise Violett:  . In der Kurzangabe lassen sich diese Werte auch mit ,  ,   und   codieren.
 * Leere Zellen können durch einen einfachen Abstand erzeugt werden, sie werden beim Sortieren an den Anfang gestellt, solche mit  an das Ende.

Es sind folgende Hintergrundfarben verfügbar:

Verbundene Tabellenzellen
Zellen innerhalb einer Tabelle können verbunden werden:

colspan

 

rowspan

 

colspan + rowspan





Tabellen nebeneinander
{|




 * style="width:2em"|

Sollen die Tabellen nicht von Text (einschließlich nachfolgender Überschriften) umflossen werden, kann  unterhalb angefügt werden.
 * }

Gleich breite Spalten
{|




 * style="width:2em"|


 * }

Anmerkung

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

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

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

Erläuterungen

Siehe: Taxoboxen

Anmerkungen zum Zelleninhalt
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  ist rahmenlos und hat einen weißen Hintergrund, was für Layout-Zwecke teilweise erwünscht ist, sich jedoch in bestimmten Fällen zu schlecht vom Text absetzt.

Die Klasse, die sich noch in einigen älteren Artikeln befindet, soll nicht mehr verwendet werden, um die Kohärenz der Stilmittel zwischen den verschiedenen Wikipedias zu fördern. Sie fand ausschließlich in der deutschsprachigen Wikipedia Anwendung. Wesentliche Unterschiede zwischen beiden Klassen waren nicht vorhanden.

sortable
Mittels  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  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
Mittels, das nur in Kombination mit   verwendbar ist, werden die Zeilen einer Tabelle abwechselnd in reinem Weiß  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, beispielsweise vom Internet Explorer 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.

toptextcells
Durch  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 die Einfügung von style-Anweisungen pro Tabellenzelle.

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

Auch Kombinationen aller drei Stile sind denkbar, wenn in Tabellen umfangreiche Erläuterungen enthalten sind, diese sollten dann als  markiert werden.

Ausrichtung der Tabelle
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.

Mit der Klasse „float-left“ kann eine Tabelle linksbündig mit Textumfluss dargestellt werden. Analog dazu kann mit der Klasse „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 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“ eine Tabelle nur zentriert und „center“  die Tabelle auf die gesamte verfügbare Breite zieht.

Tabelle nach mehreren Schlüsseln sortieren
Voraussetzung: Damit Sie überhaupt eine Tabelle sortieren können, muss diese vom Typ Sortierbare Tabelle sein. Ist dies gegeben, so hilft Ihnen die nachfolgende Hilfe.

Um eine Tabelle nach mehreren Schlüsseln (≅Spaltendaten) zu sortieren:
 * 1) Überlegen Sie sich, wie Sie die Tabelle sortiert haben wollen, und merken sich diese Schlüsselreihenfolge. Beispiel: Sie wollen zuerst nach Spalte „B“, dann nach „C“, dann nach „D“ sortiert haben.
 * 2) Nun klicken Sie einfach die Pfeilsymbole neben den betreffenden Spaltentiteln in umgekehrter Schlüsselreihenfolge. In unserem Beispiel wäre dies: D, C, B. Hinweis: Gegebenenfalls drücken Sie denselben Sortierpfeil mehrmals um zwischen auf- und absteigender Sortierung innerhalb der jeweiligen Spalte zu wechseln.

Um die Sortierung verlässlich zurückzusetzen, klicken Sie:
 * 1) Entweder einfach auf den primären Sortierschlüssel (meist die erste Spalte),
 * 2) Oder falls dies keinen Erfolg bringt, laden Sie die Seite einfach erneut im Webbrowser.
 * 3) Ab dann können Sie die Tabelle erneut verlässlich nach mehreren Schlüsseln sortieren.

Konkretes Beispiel zum Üben:
 * 1) Öffnen Sie die Tabelle: Liste der Großstädte in Deutschland
 * 2) Sie wollen die Tabelle sortiert nach: Land, Name.
 * 3) Dann klicken Sie einfach auf: Name, Land.

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

Nummerierung der Zeilen
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)