Tabellen: Unterschied zwischen den Versionen
K (hat „Hilfe:Tabellen“ nach „Tabellen“ verschoben) |
KKeine Bearbeitungszusammenfassung |
||
(3 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 63: | Zeile 63: | ||
Die obige Tabelle wird durch den folgenden Quelltext erzeugt: | Die obige Tabelle wird durch den folgenden Quelltext erzeugt: | ||
< | <syntaxhighlight lang=html line> | ||
{| class="wikitable" | {| class="wikitable" | ||
|- class="hintergrundfarbe5" | |- class="hintergrundfarbe5" | ||
Zeile 78: | Zeile 78: | ||
| [[Georg (Bayern)|Georg]] || <tt>1479–1503</tt> Herzog von Bayern-Landshut || Sohn Ludwigs&nbsp;IX. | | [[Georg (Bayern)|Georg]] || <tt>1479–1503</tt> Herzog von Bayern-Landshut || Sohn Ludwigs&nbsp;IX. | ||
|} | |} | ||
</ | </syntaxhighlight> | ||
'''Erläuterungen''' | '''Erläuterungen''' | ||
Zeile 118: | Zeile 118: | ||
Diese sortierbare Tabelle wird durch folgenden Code erzeugt: | Diese sortierbare Tabelle wird durch folgenden Code erzeugt: | ||
< | <syntaxhighlight lang=html line> | ||
{| class="wikitable sortable" | {| class="wikitable sortable" | ||
|- class="hintergrundfarbe5" | |- class="hintergrundfarbe5" | ||
Zeile 141: | Zeile 141: | ||
| Rot ist die Liebe | | Rot ist die Liebe | ||
|} | |} | ||
</ | </syntaxhighlight> | ||
=== Sortierbare Namen === | === Sortierbare Namen === | ||
Zeile 161: | Zeile 161: | ||
| Ackermann | | Ackermann | ||
|} | |} | ||
< | <syntaxhighlight lang=html line> | ||
{| class="wikitable sortable" | {| class="wikitable sortable" | ||
|- class="hintergrundfarbe5" | |- class="hintergrundfarbe5" | ||
Zeile 178: | Zeile 178: | ||
| Ackermann | | Ackermann | ||
|} | |} | ||
</ | </syntaxhighlight> | ||
Bei komplizierteren Namen, beispielsweise mit zwei Vornamen oder mit Sonderzeichen im Namen funktioniert [[Vorlage:SortKey]]: | Bei komplizierteren Namen, beispielsweise mit zwei Vornamen oder mit Sonderzeichen im Namen funktioniert [[Vorlage:SortKey]]: | ||
Zeile 186: | Zeile 186: | ||
|} | |} | ||
< | <syntaxhighlight lang=html line> | ||
| {{SortKey|Ambrozy, Peter}}[[Peter Michael Ambrozy|Peter Ambrozy]] | | {{SortKey|Ambrozy, Peter}}[[Peter Michael Ambrozy|Peter Ambrozy]] | ||
</ | </syntaxhighlight> | ||
Beispiel: [[Liste der Abgeordneten zum Kärntner Landtag (29. Gesetzgebungsperiode)|Abgeordnete im Kärntner Landtag]] | Beispiel: [[Liste der Abgeordneten zum Kärntner Landtag (29. Gesetzgebungsperiode)|Abgeordnete im Kärntner Landtag]] | ||
Zeile 214: | Zeile 214: | ||
|} | |} | ||
< | <syntaxhighlight lang=html line> | ||
{| class="wikitable sortable" | {| class="wikitable sortable" | ||
|- class="hintergrundfarbe5" | |- class="hintergrundfarbe5" | ||
Zeile 233: | Zeile 233: | ||
| style="text-align:right" | 7000,01 | | style="text-align:right" | 7000,01 | ||
|} | |} | ||
</ | </syntaxhighlight> | ||
Rechtsbündige Zahlen werden nur dann korrekt sortiert, wenn die Anzahl der Nachkommastellen bei allen Einträgen einer Spalte gleich sind. | Rechtsbündige Zahlen werden nur dann korrekt sortiert, wenn die Anzahl der Nachkommastellen bei allen Einträgen einer Spalte gleich sind. | ||
Zeile 253: | Zeile 253: | ||
|} | |} | ||
< | <syntaxhighlight lang=html line> | ||
| {{SortKey| 033_ | 033x }} || [[Land Brandenburg|Brandenburg]] | | {{SortKey| 033_ | 033x }} || [[Land Brandenburg|Brandenburg]] | ||
|- | |- | ||
| {{SortKey| 0330_ | 0330x }} || Oranienburg und Umgebung | | {{SortKey| 0330_ | 0330x }} || Oranienburg und Umgebung | ||
</ | </syntaxhighlight> | ||
Beispiel: [[Vorwahl 03 (Deutschland)|Telefon-Vorwahl 03 (Deutschland)]] | Beispiel: [[Vorwahl 03 (Deutschland)|Telefon-Vorwahl 03 (Deutschland)]] | ||
Zeile 283: | Zeile 283: | ||
|} | |} | ||
< | <syntaxhighlight lang=html line> | ||
{| class="wikitable sortable" | {| class="wikitable sortable" | ||
|- class="hintergrundfarbe5" | |- class="hintergrundfarbe5" | ||
Zeile 300: | Zeile 300: | ||
| {{0}}{{0}}{{0}}1,1 | | {{0}}{{0}}{{0}}1,1 | ||
|} | |} | ||
</ | </syntaxhighlight> | ||
b) rechtsbündiger Zellenformatierung unter Verwendung der gleichen Anzahl an Nachkommastellen, wobei die zur Ausrichtung künstlich aufgefüllten Nachkommastellen per <code><nowiki>{{0}}</nowiki></code> versteckt werden können, ein zu versteckendes Komma ist per <code><nowiki>{{0|,}}</nowiki></code> erzielbar: | b) rechtsbündiger Zellenformatierung unter Verwendung der gleichen Anzahl an Nachkommastellen, wobei die zur Ausrichtung künstlich aufgefüllten Nachkommastellen per <code><nowiki>{{0}}</nowiki></code> versteckt werden können, ein zu versteckendes Komma ist per <code><nowiki>{{0|,}}</nowiki></code> erzielbar: | ||
Zeile 321: | Zeile 321: | ||
|} | |} | ||
< | <syntaxhighlight lang=html line> | ||
{| class="wikitable sortable" | {| class="wikitable sortable" | ||
|- class="hintergrundfarbe5" | |- class="hintergrundfarbe5" | ||
Zeile 338: | Zeile 338: | ||
| style="text-align:right" | 1,1{{0}}{{0}}{{0}} | | style="text-align:right" | 1,1{{0}}{{0}}{{0}} | ||
|} | |} | ||
</ | </syntaxhighlight> | ||
=== Sortierbare Zahl mit Währungs- oder %-Symbol === | === Sortierbare Zahl mit Währungs- oder %-Symbol === | ||
Zeile 358: | Zeile 358: | ||
|} | |} | ||
< | <syntaxhighlight lang=html line> | ||
{| class="wikitable sortable" | {| class="wikitable sortable" | ||
|- class="hintergrundfarbe5" | |- class="hintergrundfarbe5" | ||
Zeile 375: | Zeile 375: | ||
| 80 % | | 80 % | ||
|} | |} | ||
</ | </syntaxhighlight> | ||
=== Sortierbare Tabelle mit einer nicht-sortierbaren Zeile === | === Sortierbare Tabelle mit einer nicht-sortierbaren Zeile === | ||
{| class="wikitable sortable float-right" | {| class="wikitable sortable float-right" | ||
Zeile 397: | Zeile 397: | ||
|} | |} | ||
< | <syntaxhighlight lang=html line> | ||
{| class="wikitable sortable float-right" | {| class="wikitable sortable float-right" | ||
|- class="hintergrundfarbe5" | |- class="hintergrundfarbe5" | ||
Zeile 417: | Zeile 417: | ||
| 6 | | 6 | ||
|} | |} | ||
</ | </syntaxhighlight> | ||
== Layout == | == Layout == | ||
Zeile 439: | Zeile 439: | ||
Der Quelltext dieser Beispieltabelle sieht wie folgt aus: | Der Quelltext dieser Beispieltabelle sieht wie folgt aus: | ||
< | <syntaxhighlight lang=html line> | ||
{| style="text-align:right;" | {| style="text-align:right;" | ||
|+ Addition von vier Zahlen | |+ Addition von vier Zahlen | ||
Zeile 453: | Zeile 453: | ||
| style="border-top: 1pt black solid;" | <tt>1000</tt> | | style="border-top: 1pt black solid;" | <tt>1000</tt> | ||
|} | |} | ||
</ | </syntaxhighlight> | ||
'''Erläuterungen''' | '''Erläuterungen''' | ||
Zeile 489: | Zeile 489: | ||
Der Quelltext hierfür sieht folgendermaßen aus: | Der Quelltext hierfür sieht folgendermaßen aus: | ||
< | <syntaxhighlight lang=html line> | ||
{| class="wikitable sortable" | {| class="wikitable sortable" | ||
|+ style="padding-bottom:1em;" | Kaiser der Flavischen Dynastie | |+ style="padding-bottom:1em;" | Kaiser der Flavischen Dynastie | ||
Zeile 513: | Zeile 513: | ||
| | | | ||
|} | |} | ||
</ | </syntaxhighlight> | ||
'''Erläuterungen''' | '''Erläuterungen''' | ||
Zeile 540: | Zeile 540: | ||
|} | |} | ||
< | <syntaxhighlight lang=html line> | ||
{| class="wikitable" style="text-align:center" | {| class="wikitable" style="text-align:center" | ||
! A | ! A | ||
Zeile 548: | Zeile 548: | ||
| colspan="3" | eine Zeile | | colspan="3" | eine Zeile | ||
|} | |} | ||
</ | </syntaxhighlight> | ||
<br style="clear:both;" clear="all" /> | <br style="clear:both;" clear="all" /> | ||
Zeile 562: | Zeile 562: | ||
|} | |} | ||
< | <syntaxhighlight lang=html line> | ||
{| class="wikitable" style="text-align:center" | {| class="wikitable" style="text-align:center" | ||
! A | ! A | ||
Zeile 571: | Zeile 571: | ||
! C | ! C | ||
|} | |} | ||
</ | </syntaxhighlight> | ||
<br style="clear:both;" clear="all" /> | <br style="clear:both;" clear="all" /> | ||
Zeile 585: | Zeile 585: | ||
|} | |} | ||
< | <syntaxhighlight lang=html line> | ||
{| class="wikitable" style="text-align:center" | {| class="wikitable" style="text-align:center" | ||
! colspan="2" style="text-align:center" | A | ! colspan="2" style="text-align:center" | A | ||
Zeile 594: | Zeile 595: | ||
! C | ! C | ||
|} | |} | ||
</ | |||
</syntaxhighlight> | |||
<br style="clear:both;" clear="all" /> | <br style="clear:both;" clear="all" /> | ||
Zeile 608: | Zeile 611: | ||
|} | |} | ||
< | <syntaxhighlight lang=html line> | ||
{| class="wikitable" style="text-align:center" | {| class="wikitable" style="text-align:center" | ||
|- | |- | ||
Zeile 618: | Zeile 621: | ||
| D || E || F | | D || E || F | ||
|} | |} | ||
</ | </syntaxhighlight> | ||
<br style="clear:both;" clear="all" /> | <br style="clear:both;" clear="all" /> | ||
=== Tabellen nebeneinander === | === Tabellen nebeneinander === | ||
< | <syntaxhighlight lang=html line> | ||
<div style="float:left; margin-right:1em;"> | <div style="float:left; margin-right:1em;"> | ||
{| class="wikitable" | {| class="wikitable" | ||
Zeile 642: | Zeile 645: | ||
<div style="clear:both;" /> | <div style="clear:both;" /> | ||
</ | </syntaxhighlight> | ||
<div style="float:left; margin-right:1em;"> | <div style="float:left; margin-right:1em;"> | ||
Zeile 665: | Zeile 668: | ||
=== Gleich breite Tabellen === | === Gleich breite Tabellen === | ||
< | <syntaxhighlight lang=html line> | ||
{| class="wikitable" | {| class="wikitable" | ||
|- | |- | ||
Zeile 678: | Zeile 681: | ||
| style="width:7em" | c: 7em | | style="width:7em" | c: 7em | ||
|} | |} | ||
</ | </syntaxhighlight> | ||
{| class="wikitable" | {| class="wikitable" | ||
Zeile 727: | Zeile 730: | ||
Dieser Text erzeugt die rechte Tabelle, wenn man ihn in einen Artikel eingibt: | Dieser Text erzeugt die rechte Tabelle, wenn man ihn in einen Artikel eingibt: | ||
< | <syntaxhighlight lang=ini>{{Taxobox | ||
| Taxon_Name = Hyänen | | Taxon_Name = Hyänen | ||
| Taxon_WissName = Hyaenidae | | Taxon_WissName = Hyaenidae | ||
Zeile 755: | Zeile 758: | ||
* [[Tüpfelhyäne]] ''(Crocuta crocuta)'' | * [[Tüpfelhyäne]] ''(Crocuta crocuta)'' | ||
* [[Erdwolf]] ''(Proteles cristatus)'' | * [[Erdwolf]] ''(Proteles cristatus)'' | ||
}}</ | }}</syntaxhighlight> | ||
'''Erläuterungen''' | '''Erläuterungen''' |
Aktuelle Version vom 10. Juli 2024, 13:21 Uhr
Vorlage:Shortcut Vorlage:Wikipedia-Hilfe 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 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. 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. Sie helfen die Beziehungen zwischen Tabellenzellen und ihren Zeilen und Spalten zu verstehen (siehe semantische Beziehungen). Insbesondere als sortierbare Tabellen bieten sie einen schnellen Überblick beispielsweise über Jahreszahlen, Namen oder Orte.
- Siehe Hauptartikel Wikipedia:Tabellen.
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 besser in einer einfachen Liste unterbringen kannst (siehe Textgestaltung und Listen).
Tabellen sollte man nicht als „grafisches Gestaltungsmittel“ einsetzen.
CSS-Klassen für Tabellen
Um Tabellen sowohl in ihren Inhalten als auch bereits im Kopfbereich weitestgehend 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
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 ist rahmenlos und hat 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 prettytable
mit einem ganz ähnlichem Anspruch sollte nicht mehr verwendet werden, um die Kohärenz der Stilmittel zwischen den verschiedenen Wikipedias zu fördern. Sie wird ausschließlich in der deutschen Wikipedia verwendet.
sortable
Mittels class="sortable"
werden Spalten sortierbar gemacht. 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 die Sortierfunktion und -symbol unterdrückt. Mit der gleichen Angabe können auch einzelne Tabellenzeilen von der Sortierung ausgenommen werden.
siehe auch: MediaWiki Handbook - Sorting
toptextcells
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 die Einfügung von style-Anweisungen pro Tabellenzeile.
Kombinationen
Die genannten drei 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, wenn in Tabellen umfangreiche Erläuterungen enthalten sind, diese sollten dann als unsortable
markiert werden.
Probleme mit der class="wikitable"
Am 23. Februar 2008 wurde die „Vorlage:Prettytable“ als „veraltet“ gelöscht und somit endgültig von der CSS-class="wikitable"
ersetzt (zu finden in MediaWiki:Common.css). Daneben existiert auch die class="prettytable"
, diese sollte aber nicht mehr verwendet werden, da die deutschsprachige Wikipedia die einzige ist, welche diese Klasse verwendet. Im Zuge der Internationalisierung und für den Export ist es hilfreich, wenn sie nicht mehr verwendet wird.<ref>Eine Umstellung auf wikitable
sollte bei der Bearbeitung eines Artikels erfolgen, Bearbeitungen die nur diese Umstellung beinhalten sowie Botläufe, sind zu unterlassen. Weitere Informationen gibt es dazu unter Wikipedia Diskussion:Bots/Archiv 2008#Klasse "wikitable" und MediaWiki Diskussion:Common.css#Klasse "wikitable"</ref>
Diese Umstellung ist in mancherlei Hinsicht nicht nur ein Segen. So kann mit class="wikitable"
beispielsweise das cellpadding
(die „Zellen-Polsterung“) anscheinend nicht mehr in einem Rutsch für die ganze Tabelle verändert/definiert werden[WP:FZW-Archiv: Juni 2008]. Wo deshalb „unbedingt“ nötig, kann statt {| class="wikitable"
doch noch eine Entsprechung der „Vorlage:Prettytable“ verwendet werden:
border="1" cellpadding="20" style="margin:1em 1em 1em 0; background:#f9f9f9; border:1px #AAA solid; border-collapse:collapse; empty-cells:show;"
- Tipp
- Mit der Eigenschaft
text-indent
und einem Wert so um die 4px bekommt man einen ganz vernünftigen Abstand zum linken Rand hin. Wenn das hinter der Klasse "wikitable sortable" oder "wikitable" notiert wird, bezieht sich diese Zuweisung auf alle Zellen. So könnte die erste Zeile einer Tabelle aussehen:{| class="wikitable sortable" style="text-indent:4px"
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="wikitable"
|- class="hintergrundfarbe5"
! Name !! Regierungszeit !! Abstammung
|-
| [[Stephan II. (Bayern)|Stephan&nbsp;II.]] || <tt>1347–1375</tt> Herzog von Bayern || Sohn Kaiser Ludwigs&nbsp;IV.
|-
| [[Friedrich (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)|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="wikitable"
veranlasst, dass die ganze Tabelle nach den Vorgaben der Klassewikitable
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="wikitable float-right"
. Zentrierung der Tabelle erreicht man durch die zusätzliche Klasse centered
: class="wikitable centered"
.
Sortierbare Tabelle
Sortierbare Tabellen ermöglichen verschiedene und vom Leser wählbare Sichtweisen auf eine Sache:
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"
|- class="hintergrundfarbe5"
! 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
|}
Sortierbare Namen
Nach der Namenskonvention steht in Wikipedia zuerst der Vorname, gefolgt vom Nachnamen.
Die Vorlage:SortKeyName sorgt dafür, dass die Tabellenspalten hier dennoch nach dem Nachnamen sortiert werden:
Name | Vorname | Nachname |
---|---|---|
Vorlage:SortKeyName | Bernd | Müller |
Vorlage:SortKeyName | Hans | Zehnder |
Vorlage:SortKeyName | Stefan | Ackermann |
{| class="wikitable sortable"
|- class="hintergrundfarbe5"
! Name !! Vorname !! Nachname
|-
| {{SortKeyName|Bernd|Müller}}
| Bernd
| Müller
|-
| {{SortKeyName|Hans|Zehnder}}
| Hans
| Zehnder
|-
| {{SortKeyName|Stefan|Ackermann}}
| Stefan
| Ackermann
|}
Bei komplizierteren Namen, beispielsweise mit zwei Vornamen oder mit Sonderzeichen im Namen funktioniert Vorlage:SortKey:
Vorlage:SortKeyPeter Ambrozy |
| {{SortKey|Ambrozy, Peter}}[[Peter Michael Ambrozy|Peter Ambrozy]]
Beispiel: Abgeordnete im Kärntner Landtag
Sortierbare Zahlen und Geldbeträge
Zahlen und Geld-Währungen werden so rechtsbündig und sortierbar dargestellt:
€ sortieren |
---|
1,00 |
2000,10 |
3.000,02 |
40.000,00 |
5,10 |
1.000.006,01 |
7000,01 |
{| class="wikitable sortable"
|- class="hintergrundfarbe5"
! €<br />sortieren
|-
| style="text-align:right" | 1,00
|-
| style="text-align:right" | 2000,10
|-
| style="text-align:right" | 3.000,02
|-
| style="text-align:right" | 40.000,00
|-
| style="text-align:right" | 5,10
|-
| style="text-align:right" | 1.000.006,01
|-
| style="text-align:right" | 7000,01
|}
Rechtsbündige Zahlen werden nur dann korrekt sortiert, wenn die Anzahl der Nachkommastellen bei allen Einträgen einer Spalte gleich sind.
Siehe auch: Vorlage:Dts für Datumsangaben, Vorlage:Nts und Vorlage:0 für Zahlen
Verschiedenstellige Zahlen
Nummer | Ort |
---|---|
Vorlage:SortKey | Brandenburg |
Vorlage:SortKey | Oranienburg und Umgebung |
03301 | Oranienburg |
03302 | Hennigsdorf |
| {{SortKey| 033_ | 033x }} || [[Land Brandenburg|Brandenburg]]
|-
| {{SortKey| 0330_ | 0330x }} || Oranienburg und Umgebung
Beispiel: Telefon-Vorwahl 03 (Deutschland)
Sortierbare verschiedenstellige Zahlen mit Dezimaltrennzeichen
Damit bei verschiedenstelligen Zahlen in einer Spalte das Komma immer übereinander dargestellt wird gibt es zwei Möglichkeiten. Beide sind sortierbar. Lösung a) ist angenehmer zu lesen also für Wikipedia geeigneter. Lösung b) ist einfacher zu schreiben und für Zahlen mit immer gleicher Zahl von Nachkommastellen, Währungen beispielsweise, genauso gut geeignet:
a) Verwendung von Vorlage:0 für alle führenden Nullen:
Zähler | Wert |
---|---|
1 | 1000 |
2 | Vorlage:0Vorlage:0Vorlage:01,0001 |
3 | Vorlage:0200,2 |
4 | Vorlage:0Vorlage:0Vorlage:01,1 |
{| class="wikitable sortable"
|- class="hintergrundfarbe5"
! Zähler !! Wert
|-
| 1
| 1000
|-
| 2
| {{0}}{{0}}{{0}}1,0001
|-
| 3
| {{0}}200,2
|-
| 4
| {{0}}{{0}}{{0}}1,1
|}
b) rechtsbündiger Zellenformatierung unter Verwendung der gleichen Anzahl an Nachkommastellen, wobei die zur Ausrichtung künstlich aufgefüllten Nachkommastellen per {{0}}
versteckt werden können, ein zu versteckendes Komma ist per {{0|,}}
erzielbar:
Zähler | Wert |
---|---|
1 | 1000Vorlage:0Vorlage:0Vorlage:0Vorlage:0Vorlage:0 |
2 | 1,0001 |
3 | 200,2Vorlage:0Vorlage:0Vorlage:0 |
4 | 1,1Vorlage:0Vorlage:0Vorlage:0 |
{| class="wikitable sortable"
|- class="hintergrundfarbe5"
! Zähler !! Wert
|-
| 1
| style="text-align:right" | 1000{{0|,}}{{0}}{{0}}{{0}}{{0}}
|-
| 2
| style="text-align:right" | 1,0001
|-
| 3
| style="text-align:right" | 200,2{{0}}{{0}}{{0}}
|-
| 4
| style="text-align:right" | 1,1{{0}}{{0}}{{0}}
|}
Sortierbare Zahl mit Währungs- oder %-Symbol
Zähler | Prozent |
---|---|
1 | 10 % |
2 | Vorlage:01 % |
3 | Vorlage:07 % |
4 | 80 % |
{| class="wikitable sortable"
|- class="hintergrundfarbe5"
! Zähler !! Prozent
|-
| 1
| 10 %
|-
| 2
| {{0}}3 %
|-
| 3
| {{0}}7 %
|-
| 4
| 80 %
|}
Sortierbare Tabelle mit einer nicht-sortierbaren Zeile
Name | Wert |
---|---|
Alfons | 90 |
Berta | 12 |
Fest | 45 |
Cäsar | 37 |
Dietmar | 6 |
{| class="wikitable sortable float-right"
|- class="hintergrundfarbe5"
! Name !! Wert
|-
| Alfons
| 90
|-
| Berta
| 12
|- class="unsortable"
| '''Fest'''
| '''45'''
|-
| Cäsar
| 37
|-
| Dietmar
| 6
|}
Layout
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:
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
undborder-bottom
für einen Rand links, rechts oder unten.border: 1pt
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:
Kaiser | Vollständiger Name | Regierungszeit | Anmerkungen |
---|---|---|---|
Vespasian | Titus Flavius Vespasianus | 69–79 | konsolidierte Verwaltung und Finanzen des Reiches |
Titus | Titus Flavius Vespasianus | Vorlage:SortKeyMitte 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 |
Vollst. Liste |
Der Quelltext hierfür sieht folgendermaßen aus:
{| class="wikitable 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
| style="text-align:right" | 69–79 || konsolidierte Verwaltung und Finanzen des Reiches
|-
| [[Titus]] || Titus Flavius Vespasianus
| style="text-align:right" | {{SortKey|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" | 89 || Gegenkaiser in Germanien, gefallen
|- class="sortbottom hintergrundfarbe5"
| '''[[Liste der römischen Kaiser der Antike#Liste der römischen Kaiser|Vollst. Liste]]'''
|
|
|
|}
Erläuterungen
- Das
sortable
inclass="wikitable 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 die CSS-Anweisung
style="text-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. - Das
sortbottom
inclass="sortbottom hintergrundfarbe5"
führt dazu, dass die Zeile von der Sortierung ausgenommen wird und damit stets als Fußzeile der Tabelle angezeigt wird.
Geschachtelte Tabellen
Tabellen können geschachtelt werden:
colspan
A | B | C |
---|---|---|
eine Zeile |
{| class="wikitable" style="text-align:center"
! A
! B
! C
|-
| colspan="3" | eine Zeile
|}
rowspan
A | eine Spalte |
---|---|
B | |
C |
{| class="wikitable" style="text-align:center"
! A
| rowspan="3" | eine Spalte
|-
! 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
|}
Titel | |||
---|---|---|---|
eine Spalte | A | B | C |
D | E | F |
{| class="wikitable" style="text-align:center"
|-
! colspan="4" | Titel
|-
! rowspan="2" | eine Spalte
| A || B || C
|-
| D || E || F
|}
Tabellen nebeneinander
<div style="float:left; margin-right:1em;">
{| class="wikitable"
|+ Linke Tabelle
! Überschrift 1 || Überschrift 2
|-
| Feld 1 || Feld 2
|}
</div>
<div style="float:left;">
{| class="wikitable"
|+ Rechte Tabelle
! Überschrift 1 || Überschrift 2
|-
| Feld 1 || Feld 2
|}
</div>
<div style="clear:both;" />
Überschrift 1 | Überschrift 2 |
---|---|
Feld 1 | Feld 2 |
Überschrift 1 | Überschrift 2 |
---|---|
Feld 1 | Feld 2 |
Gleich breite Tabellen
{| 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 |
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:
{{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
Siehe auch
- Bei MetaWiki befindet sich ein englischer Artikel, der die Gestaltung mit Tabellen etwas ausführlicher behandelt.
- Außerdem gibt es bei MetaWiki einen englischen Artikel, der die Sortierung von Tabellen im Detail behandelt.
- Im Abschnitt Tabellen in Wie gute Artikel aussehen wird auf die Bedeutung von Vorlagen zur Vereinheitlichung hingewiesen.
- Der Abschnitt Ausrichten im Text in der Hilfe für Bilder über die Positionierung von Bildern in Tabellen
- In Hilfe:Tabellen-Referenz sind die einzelnen Möglichkeiten nochmals mit Beispielen aufgeführt.
- Beispiele: Kategorie:Vorlage:Tabelle – Tabellen, die auf mehreren Seiten als Vorlage eingebunden werden
Hilfen
- WPro (Server zur Zeit nicht erreichbar) ist ein Wikipedia-Editor für den Internet Explorer 6.0, der Tabellen per Knopfdruck einfügen und formatieren kann.
- 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.
- OpenOffice-Tabellen können mit Calc2Wiki konvertiert werden. Eine Alternative (mit der ein oder anderen Erweiterung) ist Calc2WikiTable.
- Umwandlung von HTML-Tabellen in Wiki-Tabellen