Einfache Tabellen
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. Wichtig ist auch, dass jede Zelle mit einem Zeilenumbruch beendet wird.
Eine Tabelle mit zwei Zellen in einer Tabellenzeile sieht im Text so aus:
Eingabe | Ergebnis | ||
---|---|---|---|
{| |
|
Bitte beachten:
{| |Einzelzelle |}
funktioniert nicht! Der Zeilenvorschub (Return) ist wichtiger Bestandteil der Tabellensyntax.
Tabelle mit mehreren Tabellenzeilen
Natürlich benötigt man hauptsächlich Tabellen mit mehreren (Tabellen-)Zeilen. Der Beginn einer neuen Zeile wird deutlich gemacht, indem man hinter dem senkrechten Strich einen waagrechten - setzt. Dies lässt sich beliebig oft wiederholen.
Eingabe | Ergebnis | ||||
---|---|---|---|---|---|
{| |
|
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 | ||||||||
---|---|---|---|---|---|---|---|---|---|
{| |
bzw. | {| |
|
Tabellen im Schreibmaschinenstil ohne Formatierungen
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
Komplexere Tabellen
Rahmen
Bis jetzt haben unsere Tabellen noch keine Umrandungen. Die Umrandung wird in der ersten Zeile (direkt hinter dem {|) festgelegt. Momentan kann nur die Rahmenstärke festgelegt werden – mit dem Argument: border="x", wobei x die Stärke des Rahmens ist.
Das letzte Beispiel von oben sieht mit Rahmen im Text so aus:
Eingabe | Ergebnis | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
{| border="1" |
Mit border="3" erhält man:
|
Titelzeilen
Eine Tabelle mit Titelzeile (Spaltenköpfe) erreicht man, indem die Zellen, die hervorgehoben werden sollen, mit „!“ statt „|“ eingeleitet werden. In diesen Zellen erscheint der Text nun zentriert und fett.
- Titelzeilen über die ganze Tabelle siehe bei Beschriftung
Eingabe | Ergebnis | ||||||||
---|---|---|---|---|---|---|---|---|---|
{| border="1" |
|
Spalten- und zeilenübergreifende Darstellung
Auch mit der neuen Wiki-Syntax ist es, genauso wie bei HTML, möglich, dass eine Zelle über mehrere Spalten reicht (colspan) oder Zeilen überspannt (rowspan). Rowspan- und colspan-Angaben werden der Zelle als Attribute mitgegeben, und zwar nach dem Prinzip
| Attribute | Inhalt
Eine Tabelle mit einer Zelle, die über zwei Spalten geht (colspan="2") sieht so aus:
Eingabe | Ergebnis | |||||||||
---|---|---|---|---|---|---|---|---|---|---|
{| border="1" |
|
Eine Tabelle mit einer Zelle, die über zwei Zeilen geht (rowspan="2") sieht so aus:
Eingabe | Ergebnis | |||||
---|---|---|---|---|---|---|
{| border="1" |
|
Und kombiniert:
Eingabe | Ergebnis | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
{| border="1" |
|
Leere Zellen in Tabellen mit Rahmen
Leere Zellen werden in einer Tabelle nicht umrahmt. Um in manchen Browsern trotzdem einen Rahmen zu bekommen, kann man ein geschütztes HTML-Leerzeichen setzen. So sieht normalerweise eine Tabelle mit Leerzellen aus:
Zelle 1 | Zelle 2 | ||
Zelle 9 | Zelle 12 | ||
Zelle 13 | Zelle 14 | Zelle 15 | Zelle 16 |
Das gleiche Beispiel mit geschützten HTML-Leerzeichen im Text:
Eingabe | Ergebnis | ||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
{| border="1" |
|
Verschachtelte Tabellen
Das Verschachteln ist mit der neuen Wiki-Syntax sehr einfach. Man muss nur an der Stelle, an der man eine weitere Tabelle innerhalb einer anderen Tabelle wünscht, eine neue öffnende Klammer setzen. Wichtig ist es nur, dass dort am Anfang der Textzeile ausnahmsweise kein senkrechter Strich stehen darf! Eine Tabelle, in der eine weitere Tabelle steckt, sieht im Text so aus:
Eingabe | Ergebnis | |||||
---|---|---|---|---|---|---|
{| border="1" |
|
Beschriftung
Mit der neuen Wiki-Syntax ist es leicht möglich, eine Beschriftung über der Tabelle anzugeben. Diese Beschriftung ist zentriert und maximal genauso breit wie die Tabelle mit automatischem Zeilenumbruch. Um eine Beschriftung einzubauen reicht es, nach dem senkrechten Strich und vor dem Text ein Plus + zu setzen. Innerhalb der Beschriftung kann man ganz normal mit der Wiki-Syntax formatieren.
Eine Tabelle mit Beschriftung sieht im Text so aus:
Eingabe | Ergebnis | ||||
---|---|---|---|---|---|
{| class="wikitable" |
|
Aufzählungszeichen
Will man Aufzählungszeichen in einer Tabelle verwenden, so muss der erste Listeneintrag in einer neuen Zeile beginnen. Andernfalls wird beim ersten Eintrag anstatt eines Aufzählungszeichens ein Sternchen angezeigt.
Eingabe | Ergebnis | |
---|---|---|
{| border="1" |
| |
{| border="1" |
|
Sortierbare Tabellen
WP:TSORT
Tabellen können auch nach ihren Werten pro Spalte sortiert werden. Dazu muss class="sortable" im Tabellenkopf angegeben werden.
Eine sortierbare Tabelle erkennt man daran, dass sie in den Spaltenköpfen kleine Doppelpfeilsymbole zeigt. Bei Anklicken werden die Zeilen der Tabelle nach den Werten der jeweiligen Spalte sortiert. Die Symbole sind auch als Icons ( und schmal ) verfügbar.
Eingabe | Ergebnis | |||||||||
---|---|---|---|---|---|---|---|---|---|---|
{| class="wikitable sortable" ! Spalte 1 ! Spalte 2 ! Spalte 3 |- | 12346 | € 234,44 | fghij |- | 98765 | € 77,55 | abcde |} |
|
Einschränkungen: Bei komplexen Tabellen (d. h. solchen mit ungleichmäßigen Reihen und Spalten) ist eine Sortierung nicht möglich.
Das Sortieren funktioniert nur bei aktivem JavaScript – weil der Leser das unter Umständen ausgeschaltet hat, und auch, weil der Artikel noch druckfähig sein soll, muss die Tabelle bei der Eingabe im WikiCode schon sinnvoll sortiert sein.
Der Datentyp der obersten Zelle bestimmt den Sortierungsmodus. Erkannt werden einfache Datumsangaben, Währungen, Prozentwerte und Zahlen. Passt keiner dieser Datentypen, wird der Text in Kleinbuchstaben gewandelt und alphabetisch nach der Reihenfolge des Unicode sortiert: !"#$%&'()*+,-./0…9:;<=>?@[\]^_'a…z{|}~ßäéöü—
Umlaute stehen weit hinten, für die richtige Sortierreihenfolge muss immer mit der Vorlage:SortKey (z. B. {{SortKey|Osterreich}}Österreich
) der richtige Sortierschlüssel gesetzt werden. Die Sortierregeln sind bei der Sortierung in eine Kategorie beschrieben.
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 und verlinkt werden. Bei komplizierteren Namen, beispielsweise mit zwei Vornamen oder mit Sonderzeichen im Namen, funktioniert die allgemeine Vorlage:SortKey.
Eingabe | Ergebnis | ||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
{| class="wikitable sortable" |- ! Name !! Vorname !! Nachname |- | {{SortKeyName|Bernd|Müller}} | Bernd | Müller |- | {{SortKeyName|Hans|Zehnder}} | Hans | Zehnder |- | {{SortKeyName|Stefan|Ackermann}} | Stefan | Ackermann |- | {{SortKey|Ambrozy, Peter}}Peter M. Ambrozy | Peter,. Michael | Ambrozy |- | {{SortKey|Osterle}}Inge Österle | Inge | {{SortKey|Osterle}}Österle |} |
|
Beispiel: Abgeordnete im Kärntner Landtag
Zahlen und Buchstaben
Wenn in der ersten Zeile eine Zahl ohne weiteren Text steht, wird numerisch sortiert. Text nach einer Zahl (z. B. eine Fußnote) ab der zweiten Zeile ändert die Sortierungsordnung nicht. Nach der Sortierung kann sich aber der Sortierungsmodus ändern, wenn in der ersten Zeile ein anderer Datentyp steht. Enthält die erste Tabellenzeile Buchstaben, wird der Sortierungsmodus alphabetisch und bleibt es so lange, bis in der ersten Zeile ein reiner Zahleneintrag steht.
|
|
|
Währungen, %-Zeichen
Bei einem Währungszeichen am Anfang wird ebenfalls numerisch sortiert.
|
|
|
|
Rechtsbündige Zahlen werden nur dann korrekt sortiert, wenn die Anzahl der Nachkommastellen bei allen Einträgen einer Spalte gleich sind. Große Zahlen formatiert die Vorlage:nts mit Tausendertrennzeichen als sortierbare Zahl. Kleine Zahlen mit Währungs- oder %-Zeichen können auch ohne Vorlage richtig sortiert werden wenn die Anzahl der Vorkommastellen gleich groß ist. Im folgenen Beispiel ist in der Spalte Prozent die führende Null mit {{0}}
unsichtbar eingefügt, für die Sortierung aber vorhanden.
Zahlen und Geld-Währungen werden so rechtsbündig und sortierbar dargestellt:
Eingabe | Ergebnis | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
{| class="wikitable sortable" |- ! € |- | style="text-align:right" | 1,00 |- | style="text-align:right" | 3.000,02 |- | style="text-align:right" | 2.000,10 |- | style="text-align:right" | 40.000,00 |} |
| ||||||||||
{| class="wikitable sortable" style="text-align:right" |- ! Gewinn !! Prozent |- | {{nts| 1,00}} € | 10 % |- | {{nts| 3.000,02}} € | {{0}}1 % |- | {{nts| 2000,10}} € | {{0}}7 % |- | {{nts| 10000}} € | 80 % |} |
|
Zahlen können mit der Vorlage:SortKey auch alphabetisch sortiert werden. Beispiel: Telefon-Vorwahl 03 (Deutschland)
Eingabe | Ergebnis | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
{| class="wikitable sortable" ! Nummer !! Ort |- | {{SortKey| 033_ | 033x }} || [[Brandenburg]] |- | {{SortKey| 0330_ | 0330x }} || Oranienburg und Umgebung |- | 03301 || [[Oranienburg]] |- | 03302 || [[Hennigsdorf]] |} |
|
Exponentialdarstellung
Für die Darstellung und richtige Sortierung von Zahlen in Exponentialdarstellung gibt es die Vorlage:10Esort.
Eingabe | Ergebnis | ||||
---|---|---|---|---|---|
{| class="wikitable sortable" ! Exponentialdarstellung |- | {{10Esort|0|0}} |- | {{10Esort|3|-8}} |- | {{10Esort|3|8}} |} |
|
Römische Zahlen
Für die Darstellung und richtige Sortierung römischer Zahlen gibt es die Vorlage:Römische Zahl. Sie müssen mit führenden Nullen angegeben werden.
Eingabe | Ergebnis | ||||
---|---|---|---|---|---|
{| class="wikitable sortable" ! Römisch |- | {{Römische Zahl|05}} |- | {{Römische Zahl|10}} |- | {{Römische Zahl|35}} |} |
|
Datumswerte
Datumsangaben mit exakt 8 Zeichen: TT.MM.JJ und 10 Zeichen: TT.MM.JJJJ werden ohne Vorlage richtig sortiert, wenn die ganze Spalte einheitlich dieses Format hat und keine weiteren Zeichen enthällt. Die Vorlage:Dts formatiert Datumsangaben sortierbar mit einem alphabetischem Sortierschlüssel. Für die korrekte Funktion muss sie immer am Anfang einer Zelle stehen. Für Datumsangaben im Format ISO 8601 gibt es die Vorlage:SortDate.
Eingabe | Ergebnis | ||||
---|---|---|---|---|---|
{| class="wikitable sortable" ! Geburtstag |- | {{dts|21|04|1991}} |- | {{dts|1|Mai|1991}} |- | {{SortDate|1994-12-07|S}} |} |
|
Vertiefung zu den Vorlagen für Datumswerte, Zahlen und Abstände
Die Vorlage für Datumsangaben (siehe Vorlage:Dts) und die Vorlagen für Zahlen und Blindtext (siehe Vorlage:Nts und Vorlage:0) erweitern die Möglichkeiten zum Sortieren von Tabellen und der Ausrichtung innerhalb der Tabellenzelle. Diese Vorlagen können teilweise auch verschachtelt oder nebeneinander benutzt werden.
Die Vorlage:SortKey sorgt für die korrekte Sortierung,
die Vorlage:0 sorgt bei linksbündiger Ausrichtung für unsichtbaren Text der Breite einer 1.
Eingabe | Ergebnis | ||||
---|---|---|---|---|---|
{| class="wikitable sortable" ! Wahlperiode |- | {{SortKey|09|{{0|1}}9}}. WP: 1979–1983 |- | {{SortKey|11|11}}. WP: 1987–1991 |- | {{SortKey|07|{{0|1}}7}}. WP: 1971–1975 |} |
|
Die Vorlage:SortKey sortiert die von der Vorlage:Nts formatierten Zahlen.
Die Vorlage:0 erzeugt hier immer den jeweils notwendigen Leerraum vor den Zahlen. Die Breite des Leerraumes ergibt sich aus dem Platzbedarf des ersten Parameters.
Eingabe | Ergebnis | ||||||||
---|---|---|---|---|---|---|---|---|---|
{| class="wikitable sortable" ! Geflogene Kilometer |- |{{SortKey|{{nts|1230}}|{{0|0.00}}{{nts|1230}}}} km² |- |{{SortKey|{{nts|123400}}|{{0|0.}}{{nts|123400}}}} km² |- |{{SortKey|{{nts|54300,0}}|{{0|0.0}}{{nts|54300,0}}}} km² |- |{{SortKey|{{nts|99,96}}|{{0|0.000.0}}{{nts|99,96}}}} km² |- |{{SortKey|{{nts|12340,0}}|{{0|0.0}}{{nts|12340,0}}}} km² |- |{{SortKey|{{nts|1234000}}|{{nts|1234000}}}} km² |- |{{SortKey|{{nts|12340,2}}|{{0|0.0}}{{nts|12340,2}}}} km² |} |
|
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 Anzahl von Nachkommastellen, beispielsweise Währungen, genauso gut geeignet:
a) Verwendung von Vorlage:0 für alle führenden Nullen:
Eingabe | Ergebnis | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
{| class="wikitable sortable" |- ! Zähler !! Wert |- | 1 | 1000 |- | 2 | {{0|000}}1,0001 |- | 3 | {{0}}200,2 |- | 4 | {{0|000}}1,1 |} |
|
b) rechtsbündige 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:
Eingabe | Ergebnis | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
{| class="wikitable sortable" |- ! Zähler !! Wert |- | 1 | style="text-align:right" | 1000{{0|,0000}} |- | 2 | style="text-align:right" | 1,0001 |- | 3 | style="text-align:right" | 200,2{{0|000}} |- | 4 | style="text-align:right" | 1,1{{0|000}} |} |
|
Zellen von der Sortierung ausschließen
Eine Spalte nicht sortieren
Man kann eine Spalte unsortierbar machen durch einfügen von class="unsortable"
in den Attributen der Kopfzeile.
Eingabe | Ergebnis | |||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
{| class="wikitable sortable" ! Zahlen !! Alphabet !! Datum ! Währung !! class="unsortable" | Unsortierbar |- | 1 || Z || 02-02-2004 || 5,00 || Diese |- | 2 || y || 13-apr-2005 || || Spalte |- | 3 || X || 17.aug.2006 || 6,50 || ist |- | 4 || w || 01.Jan.2005 || 4,20 || unsortierbar |- | 5 || V || 05/12/2006 || 7,15 || wie man sieht. |- class="sortbottom" ! Gesamt: 15 !! !! !! Gesamt: 29,55 !! |} |
|
Die letzte Zeile nicht sortieren
Manchmal ist es erwünscht, die letzte Tabellenzeile von der Sortierung auszuschließen. Das kann mit class="sortbottom"
in der entsprechenden Tabellenzeile erreicht werden.
Alle Zeilen, die mit class="sortbottom"
versehen sind, werden unten in der Tabelle angeordnet und untereinander sortiert.
Eingabe | Ergebnis | |||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
{|class="wikitable sortable" ! Name !! Vorname !! Größe |- | John || Smith || 1,85 |- | Ron || Ray || 1,89 |- | Mario || Bianchi || 1,72 |- class="sortbottom" | colspan="2" | Durchschnitt: || 1,82 |} |
|
Anfangssortierung nach einer bestimmten Spalte (default order)
Es ist nicht möglich, eine Tabelle mit einer vordefinierten Sortierung einer bestimmten Spalte darzustellen. Der Leser muss eine bestimmte Sortierung selber vornehmen. Standardmäßig werden die Zeilen der Tabelle in der Reihenfolge dargestellt, in welcher sie im Wikitext stehen. Soll die Tabelle bereits nach einer bestimmten Spalte sortiert dargestellt werden, muss diese Sortierung bereits im Wikitext vorgenommen werden. Wie das gemacht werden kann ist im nächsten Abschnitt beschrieben.
Vorsortieren des Wikitextes einer Tabelle
Zur Umsortierung des Wikitextes kann man eine sortierbare Hilfstabelle benutzen, in welcher jede Zeile als Wikitext dargestellt wird. Nach erfolgter Sortierung kann der angezeigte Tabelleninhalt kopiert und direkt als Wikitext verwendet werden.
Beispiel
Originaltabelle:
Beispiel |
---|
9 |
12 |
11 |
Hilfstabelle:
Eingabe | Ergebnis | ||||
---|---|---|---|---|---|
{|class="wikitable sortable" !Beispiel |- |<nowiki>|-</nowiki><br /><nowiki>| 9</nowiki> |- |<nowiki>|-</nowiki><br /><nowiki>|12</nowiki> |- |<nowiki>|-</nowiki><br /><nowiki>|11</nowiki> |} |
|
Nachdem man den sortierten Inhalt der Hilfstabelle nun in das Editfenster als neuen Tabelleninhalt zwischen den Header und der Abschlusszeile des Tabellensyntax kopiert hat, enthält die neue Tabelle nun standardmäßig die vorgenommene Sortierung:
Beispiel |
---|
9 |
11 |
12 |
Zellen miteinander verbinden (colspan und rowspan)
siehe auch: Vorlage:SortKeyColspan
Sollen in sortierbaren Tabellen Zellen mit den Attributen colspan und/oder rowspan miteinander verbunden werden, funktioniert die Sortierung nicht mehr richtig. Beim zeilenweisen Verbinden von Zellen in einer Spalte (rowspan), gibt es keine Möglichkeit dieses Problem zu umgehen. Beim spaltenweisen Verbinden von Zellen in einer Zeile (colspan), existiert die Vorlage SortKeyColspan, die diese Funktionalität bietet. Wie die Vorlage zu verwenden ist, ist dort beschrieben.
Eingabe | Ergebnis | ||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
{| class="wikitable sortable" |- class="hintergrundfarbe5" ! Spalte 1 ! style="min-width: 10em; max-width: 10em"| Spalte 2 ! style="min-width: 10em; max-width: 10em"| Spalte 3 ! Spalte 4 |- | 1 {{SortKeyColspan |colspan=2 |width=10 |key=2}} | 5 |- | 2 | 1 | 5 | 4 |- | 3 {{SortKeyColspan |colspan=2 |width=10 |key=3}} | 3 |- | 4 {{SortKeyColspan |colspan=2 |width=10 |key1=5 |key=1}} | 2 |- | 5 {{SortKeyColspan |colspan=2 |width=10 |key=4}} | 1 |} |
|
Hinweise
- Alle Vorlagen zur Tabellenformatierung stehen in der Kategorie:Vorlage:Tabellenformatierung.
- Der Sortiercode steht im jQuery Modul jquery.tablesorter.js. Durch Einfügen von
importScript('Benutzer:MatthiasDD/ts_diagnosis.js');
in die benutzerdefinierte JavaScript-Datei werden bei sortierbaren Tabellen mit Rechtsklick auf den Sortierknopf die Sortierfunktion und alle Sortierschlüssel angezeigt. - Weitere Informationen zu sortierbaren Tabellen sind auf meta:Help:Sorting verfügbar (englisch).
Formatierungen
Farben, Ränder, Abstände und Spaltenbreiten können durch CSS-Styles vielfältig beeinflusst werden. Bevor man sich dazu entschließt, sollte man über die Notwendigkeit des Unterfangens nachgedacht haben und auch Bestrebungen zur Vereinheitlichung berücksichtigen (siehe „Tabellen einbinden“ in „Wie sehen gute Artikel aus“ und Formatvorlagen).
Spaltenbreiten
Spaltenbreiten können relativ und absolut angegeben werden. Die Breitenangabe ist nur bei einer Zelle der Spalte notwendig und sinnvoll. Sind nur einige Spalten zu schmal oder zu breit, genügt eine relative Breitenangabe in nur diesen Spalten. Ist der Inhalt einer Zelle größer als die vorgegebene Spaltenbreite, dann wird die Spalte automatisch erweitert und die Vorgabe der Spaltenbreite damit unwirksam.
Eingabe | Ergebnis | ||||||
---|---|---|---|---|---|---|---|
{| border="1" |
| ||||||
{| border="1" |
|
Die absolute Angabe in der Einheit em sorgt bei allen Textgrößen für gleiche Darstellung. Die absolute Angabe in Pixeln mit width="10"
oder width="10px"
oder style="width:10px"
soll nur beim Einbinden von Grafiken eingesetzt werden.
Zellenabstände mit cellspacing und cellpadding
Mit cellspacing kann der Abstand zwischen den Zellen festgelegt werden. Je größer der Cellspacing-Wert, desto breiter wird der Steg zwischen den Zellen. Mit cellpadding bestimmt man den Abstand des Zellinhaltes vom Zellrahmen. Das CSS-Attribut style="border-collapse:collapse" lässt zusammenfallende Zellumrandungen verschwinden.
Eingabe | Ergebnis | ||||||
---|---|---|---|---|---|---|---|
{| |
| ||||||
{| border="1" |
| ||||||
{| border="1" cellspacing="10" cellpadding="0" |
| ||||||
{| border="1" cellspacing="0" cellpadding="10" |
| ||||||
{| border="1" cellspacing="10" cellpadding="10" |
| ||||||
{| border="1" cellspacing="0" cellpadding="10" style="border-collapse:collapse" |
|
Ausrichtung
Genau wie in HTML kann man den Inhalt von Zellen in der Tabelle unterschiedlich ausrichten. Dabei kann man die Attribute einzelnen Zellen oder auch ganzen Zeilen zuweisen. Für die Ausrichtung wird der Einsatz von CSS-Befehlen empfohlen, das vertical-align gilt jeweils für die ganze Zeile, das text-align nur für die jeweilige Zelle.
Eingabe | Ergebnis | ||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
{| class="wikitable" |
|
Andere HTML-Formatierungen
Mit der neuen Wiki-Syntax ist es möglich, alte HTML-Formatierungen zu übernehmen, zum Beispiel Zellen farbig zu hinterlegen (style="background:#ABCDEF", Farbtabelle) oder Rahmen andere Farben zu geben. Diese Vorgehensweise ist bei neuen Tabellen aber nicht empfohlen.
Eingabe | Ergebnis | ||||
---|---|---|---|---|---|
{| |
|
Ein komplexeres Beispiel
- horizontal und vertikal verbundene Zellen
- strukturierter, zweizeiliger Tabellenkopf
- größere Spaltenbreite bei einer Spalte
Eingabe | Ergebnis | |||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
{| class="wikitable" |
|
Formatvorlagen
Einige Benutzer haben Vorlagen erstellt, um die Formatierung zu vereinfachen. Anstatt sich an die Tabellenparameter erinnern zu müssen, kann eine Formatvorlage verwendet werden. Diese ist nach dem {|
einzufügen. Die Verwendung ermöglicht ein konsistentes Tabellenlayout, eine Erleichterung beim Fehlerhandling, die Einhaltung der Konvention „Farben verwenden“ (Farben) sowie einfache Anpassung des Layouts bei allen Tabellen.
Beispielsweise lässt sich mit der Vorlage {{Testvorlage}}
, die den Code class="wikitable hintergrundfarbe-basis" style="border-collapse: separate; border-spacing: 2px;"
enthält, und den vorhandenen Farbvorlagen (siehe „Farben verwenden“) folgende Tabelle erstellen, welche im Quelltext keine kompliziert erscheinenden Formatierungsparameter mehr enthält:
Eingabe | Ergebnis | ||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
{| {{Testvorlage}} |
|
Alle Vorlagen zur Tabellenformatierung stehen in der Kategorie:Vorlage:Tabellenformatierung.
Siehe auch
Sortieren: