Hilfe:Tabellen

Wikipedia bietet eine eigene Syntax um Tabellen darzustellen. Diese Syntax ist zwar an das verbreitete HTML angelehnt, erleichtert jedoch durch eine vereinfachte Schreibweise die Arbeit an komplizierteren Tabellen wesentlich. Diese Seite bietet eine Kurzübersicht, wie du Tabellen erstellst, eine ausführliche Darstellung findet sich auf Hilfe:Tabellen-Referenz.

Um die Zellen einer Tabelle zu formatieren, lassen sich sowohl für die Tabellen 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. Zwar lassen sich auch einzelne Zeilen einer Tabelle formatieren, möchte man jedoch ein Attribut an eine bestimmte Spalte vergeben, so muss dies zellenweise geschehen.

Wann Tabellen einsetzen?

Tabellen sind ein gutes Mittel, um gleichartige Informationen übersichtlich zu gestalten. Jedoch sollte man Tabellen nicht als grafisches Gestaltungsmittel einsetzen, sondern nur dann benutzen, wenn zwischen Tabellenzellen und ihren Zeilen und Spalten semantische Beziehungen bestehen. Sie dienen beispielsweise dann ihrem Zweck, wenn die Informationen in gewisser Weise sortiert werden können, nach Jahreszahlen oder mit alphabetischer Anordnung.

Andererseits sind Tabellen komplizierter als normaler Text. Deshalb sollten sie nur dort eingesetzt werden, wo sie tatsächlich für bessere Übersicht sorgen. Überlege immer, ob du die Informationen nicht auch in einer einfachen Liste unterbringen kannst (siehe Textgestaltung).

Beispieltabellen

Einfache Tabelle

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="prettytable"
! Name                                          ||  Regierungszeit                                ||  Abstammung
|-
| [[Stephan II. (Bayern)|Stephan&nbsp;II.]]     || <tt>1347–1375</tt> Herzog von Bayern           || Sohn Kaiser Ludwigs&nbsp;IV.
|-
| [[Friedrich der Weise (Bayern)|Friedrich]]    || <tt>1375–1393</tt> Herzog von Bayern-Landshut  || Sohn Stephans&nbsp;II.
|-
| [[Heinrich XVI. (Bayern)|Heinrich&nbsp;XVI.]] || <tt>1393–1450</tt> Herzog von Bayern-Landshut  || Sohn Friedrichs
|-
| [[Ludwig IX. (Bayern)|Ludwig&nbsp;IX.]]       || <tt>1450–1479</tt> Herzog von Bayern-Landshut  || Sohn Heinrichs&nbsp;XVI.
|-
| [[Georg (Bayern-Landshut)|Georg]]             || <tt>1479–1503</tt> Herzog von Bayern-Landshut  || Sohn Ludwigs&nbsp;IX.
|}

Erläuterungen

• Die Zeichen {| beginnen eine Tabelle, während |} sie abschließen. Beide Tags müssen an einem Zeilenanfang stehen.
• Das Attribut class="prettytable" veranlasst, dass die ganze Tabelle nach den Vorgaben der Klasse prettytable formatiert wird. Diese sieht unter anderem Trennlinien zwischen den Zellen, sowie zusätzlichen Platz zwischen Zelleninhalt und Zellenrand (das sogenannte cellpadding) vor.
• Zeilen die mit einem Ausrufezeichen (!) beginnen, definieren Kopfzeilen von Tabellen. Der Text in einer Zelle einer solchen Zeile wird zentriert und fettgedruckt. 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 || trennen nebeneinanderliegende Tabellenzellen.
• Die Zeichenfolge   anstatt eines Leerzeichens verhindert einen Zeilenumbruch zwischen den beiden Wörtern, die das Leerzeichen trennt.
• Die Jahreszahlen werden durch <tt> mit fester Zeichenbreite dargestellt, um sicherzugehen, dass sie am Bindestrich ausgerichtet werden.

Soll die Tabelle rechtsbündig zum Text ausgerichtet werden, lässt sich dies durch die zusätzliche Klasse float-right im Attribut erreichen: class="prettytable float-right". Zentrierung der Tabelle erreicht man durch die zusätzliche Klasse centered: class="prettytable centered".

Tabellenüberschriften, Trennstriche

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

Addition von vier Zahlen

365

+ 123

+ 235

+ 277

1000

Der Quelltext dieser Beispieltabelle sieht wie folgt aus:

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

Erläuterungen

• Die Zeile, die mit |+ beginnt, bezeichnet den Titel der Tabelle.
• Der Befehl border-top: 1pt weist der Zelle einen oberen Rand mit definierter Breite zu. Weitere Befehle sind: border-left, border-right und border-bottom für einen Rand links, rechts oder unten. border: 1pt setzt alle vier Ränder.

Sortierbare Tabelle, 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:

Kaiser der Flavischen Dynastie

Kaiser	Vollständiger Name	Regierungszeit	Anmerkungen
Vespasian	Titus Flavius Vespasianus	69–79	konsolidierte Verwaltung und Finanzen des Reiches
Titus	Titus Flavius Vespasianus	Vorlage:SortKeyAnfang 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="prettytable sortable"
|+ style="padding-bottom:1em;" | Kaiser der Flavischen Dynastie
|- class="hintergrundfarbe5"
! width="15%" | Kaiser || width="30%" | Vollständiger Name
! width="15%" | Regierungszeit || class="unsortable" width="40%" | Anmerkungen
|-
| [[Vespasian]] || Titus Flavius Vespasianus
| align="right" | 69–79 || konsolidierte Verwaltung und Finanzen des Reiches
|-
| [[Titus (Römischer Kaiser)|Titus]] || Titus Flavius Vespasianus
| align="right" | {{SortKey|79-81}}Anfang 79–81 || eröffnete das [[Kolosseum]] in Rom
|-
| [[Domitian]] || Titus Flavius Domitianus
| align="right" | 81–96 || beendete römische Expansion in Germanien
|-
| [[Lucius Antonius Saturninus|Saturninus]] || Lucius Antonius Saturninus
| align="right" | 89    || Gegenkaiser in Germanien, gefallen
|}

Erläuterungen

• Das sortable in class="prettytable sortable" erlaubt die Sortierung der Tabelle nach wählbaren Spalten.
• Mit class="unsortable" können einzelne Spalten von der Sortierbarkeit ausgenommen werden.
• Mit den Vorlagen Vorlage:Dts, Vorlage:Nts und Vorlage:SortKey lässt sich die Sortierreihenfolge einzelner Tabelleneinträge beeinflussen
• Der Befehl width="15%" weist einer Spalte 15 % der Gesamtbreite der Tabelle als Breite zu.
• Die Ausrichtung von Text rechtsbündig in einer Zelle erreicht man durch das Attribut align="right".
• Nebeneinanderliegende Zellen kann man sowohl durch das ||-Zeichen trennen, als auch durch einen Zeilenumbruch gefolgt von einem einfachen |-Zeichen.
• Der Befehl |- class="hintergrundfarbe5" weist der darauffolgenden Zeile eine Hintergrundfarbe zu. In Artikeln sollen die entsprechenden Standardfarben verwendet werden (siehe Farben verwenden in der Hilfe zu Farben). Außerhalb des Artikelnamensraumes können Farben außer durch ihren englischen Namen auch als Hexadezimalzahl aus sechs Ziffern eingegeben werden, wobei die ersten zwei Ziffern für den Rotanteil von bis zu 256 stehen, die nächsten zwei für den Grünanteil und die letzten zwei für den Blauanteil, das heißt, dass #ff0000 die Farbe Rot bedeutet, #00ff00 steht für Grün und #0000ff steht für Blau. Durch eine Mischung erhält man beispielsweise Violett: #ff00ff.
• Leerzellen können durch einen einfachen Abstand erzeugt werden. Diese Zellen werden aber beim Sortieren an den Anfang gestellt, Leerzellen mit   stehen am Ende.