Hilfe:Tabellen: Unterschied zwischen den Versionen
K (→Tabellenrahmen) |
|||
Zeile 208: | Zeile 208: | ||
Um rowspan einzuschalten muss man '''vor''' der betreffenden Zelle, aber unbedingt in der gleichen Zeile, das rowspan-Argument einfügen, etwa in der Form ''rowspan=n'' wobei ''n'' für die Anzahl der Zeilen steht, über die die Zelle reichen soll. Soll eine Zelle über mehrere Spalten reichen benutze man ''colspan''. | Um rowspan einzuschalten muss man '''vor''' der betreffenden Zelle, aber unbedingt in der gleichen Zeile, das rowspan-Argument einfügen, etwa in der Form ''rowspan=n'' wobei ''n'' für die Anzahl der Zeilen steht, über die die Zelle reichen soll. Soll eine Zelle über mehrere Spalten reichen benutze man ''colspan''. | ||
==== Zeilenzusammenfassung (''rowspan'') ==== | |||
Eine Tabelle, in der Zelle 2 über zwei Zeilen reicht, sieht im Text so aus: | Eine Tabelle, in der Zelle 2 über zwei Zeilen reicht, sieht im Text so aus: | ||
<nowiki>{| | <nowiki>{| {{Prettytable2}} | ||
|Zelle | ! Spalte 1 | ||
|rowspan=2 | ''' | ! Spalte 2 | ||
|Zelle 3 | ! Spalte 3 | ||
|- | |||
| Zeile 1, Zelle 1 | |||
|rowspan=2 | Zeile 1 und 2, Zellen 2 mit '''rowspan verbunden''' | |||
| Zeile 1, Zelle 3 | |||
|- | |- | ||
|Zelle | |Zeile 2, Zelle 1 | ||
|Zelle | |Zeile 2, Zelle 2 | ||
|- | |||
| Zeile 3, Zelle 1 | |||
| Zeile 3, Zelle 2 | |||
| Zeile 3, Zelle 3 | |||
|- | |||
|}</nowiki> | |}</nowiki> | ||
und stellt sich so dar: | und stellt sich so dar: | ||
{| | {| {{Prettytable2}} | ||
! Spalte 1 | |||
! Spalte 2 | |||
! Spalte 3 | |||
|- | |||
| Zeile 1, Zelle 1 | |||
|rowspan=2 | Zeile 1 und 2, Zellen 2 mit '''rowspan verbunden''' | |||
| Zeile 1, Zelle 3 | |||
|- | |||
|Zeile 2, Zelle 1 | |||
|Zeile 2, Zelle 3 | |||
|- | |||
| Zeile 3, Zelle 1 | |||
| Zeile 3, Zelle 2 | |||
| Zeile 3, Zelle 3 | |||
|- | |||
|} | |||
==== Spaltenzusammenfassung (''colspan'') ==== | |||
Eine Tabelle, in der Zelle 2 über zwei Spalten reicht, sieht im Text so aus: | Eine Tabelle, in der Zelle 2 über zwei Spalten reicht, sieht im Text so aus: | ||
<nowiki>{| | <nowiki>{| {{Prettytable2}} | ||
|Zelle | ! Spalte 1 | ||
|colspan=2 | ''' | ! Spalte 2 | ||
|Zelle | ! Spalte 3 | ||
! Spalte 4 | |||
|- | |||
|Zeile 1, Zelle 1 | |||
|colspan=2 | '''Zeile 1, Zellen 2 und 3, mit colspan verbunden''' | |||
|Zeile 1, Zelle 4 | |||
|- | |- | ||
|Zelle | |Zeile 2, Zelle 1 | ||
|Zelle | |Zeile 2, Zelle 2 | ||
|Zelle | |Zeile 2, Zelle 3 | ||
|Zelle | |Zeile 2, Zelle 4 | ||
|- | |||
|}</nowiki> | |}</nowiki> | ||
und stellt sich so dar: | und stellt sich so dar: | ||
{| | |||
{| {{Prettytable2}} | |||
! Spalte 1 | |||
! Spalte 2 | |||
! Spalte 3 | |||
! Spalte 4 | |||
|- | |||
|Zeile 1, Zelle 1 | |||
|colspan=2 | '''Zeile 1, Zellen 2 und 3, mit colspan verbunden''' | |||
|Zeile 1, Zelle 4 | |||
|- | |||
|Zeile 2, Zelle 1 | |||
|Zeile 2, Zelle 2 | |||
|Zeile 2, Zelle 3 | |||
|Zeile 2, Zelle 4 | |||
|- | |||
|} | |} | ||
Version vom 9. September 2009, 14:30 Uhr
Tabellen sind ein gutes Mittel, um gleichartige Informationen übersichtlich zu gestalten. Andererseits sind Tabellen komplizierter als normaler Text. Deshalb sollten sie nur dort eingesetzt werden, wo sie tatsächlich für bessere Übersicht sorgen.
Schreibmaschinenstil
Tabellen im Schreibmaschinenstil ohne Formatierung sind schnell erstellt, haben aber auch die geringsten Formatierungsmöglichkeiten. Sie haben mit den eigenlichen Tabellen der Wiki-"Sprache" nichts zu tun, erfüllen jedoch oft den gleichen Zweck.
Man stellt jeder Tabellenzeile ein Leerzeichen voran. Spalten und Layout werden visuell im Bearbeitungsmodus angepasst. Das Ergebnis entspricht anschließend genau der Ansicht im Bearbeitungsmodus.
Beispiel 1:
Klimatabelle Monat JAN FEB MÄR APR MAI JUN JUL AUG SEP OKT NOV DEZ ----------------------------------------------------------------------- Ø Tagestemperatur 21 21 22 23 24 25 27 29 28 26 24 22 Ø Nachttemperatur 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/Monat 6 4 3 2 2 1 0 0 2 5 6 7 Ø Wassertemperatur 19 18 18 18 19 20 21 22 23 23 21 20
Man stellt die Tabelle in sogenannte <pre></pre>-Tags. Dann kann man auf die vorangestellten Leerzeichen verzichten.
Beispiel 2:
Klimatabelle Monat JAN FEB MÄR APR MAI JUN JUL AUG SEP OKT NOV DEZ ----------------------------------------------------------------------- Ø Tagestemperatur 21 21 22 23 24 25 27 29 28 26 24 22 Ø Nachttemperatur 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/Monat 6 4 3 2 2 1 0 0 2 5 6 7 Ø Wassertemperatur 19 18 18 18 19 20 21 22 23 23 21 20
Tabellen mit Hilfe von Wikisyntax
Grundbegriffe
Die wichtigsten Symbole für die Erstellung einer Tabelle mit Wikisyntax sind:
Grundsymbole | Funktion |
---|---|
{| | Beginn einer Tabelle |
|+ | (optional!) Einleitung einer Tabellenüberschrift |
! | (optional!) Beginn der ersten oder einer weiteren Überschriftenzelle (fette Schrift, mittig), wenn im Wikitext jede Überschriftenzelle auf einer neuen Zeile definiert wird |
!! | (optional!) Beginn der nächsten Überschriftenzelle (fette Schrift, mittig), wenn im Wikitext mehrere Überschriftenzellen hintereinander (auf einer Zeile) definiert werden |
|- | Beginn einer neuen Tabellenzeile bzw. das Ende der vorhergehenden |
| | Beginn der ersten oder einer weiteren neuen Zelle derselben Tabellenzeile, wenn im Wikitext jede Zelle auf einer neuen Zeile definiert wird |
|| | Beginn der nächsten Tabellenzelle, wenn im Wikitext mehrere Tabellenzellen hintereinander (auf einer Zeile) definiert werden |
|} | Ende einer Tabelle |
Erläuterung:
Jede Tabelle im Wiki-Stil beginnt 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.
Möchte man oberhalb der Tabelle eine Tabellenüberschrift positionieren, folgt dem Tabellenstartsymbol ({|) in der nächsten Wikizeile das Symbol |+ gefolgt vom Überschriftentext.
Eine Tabelle besteht aus Zeilen und Spalten. Alle Zeilen einer Tabelle haben (zunächst) gleich viele Zellen, ebenso haben alle Spalten einer Tabelle gleich viele Zellen.
Das Ende einer Tabellenzeile wird durch das Symbol |- angezeigt, das in einer eigenen Wikitext-Zeile steht.
Die Spaltenüberschriften verteilen sich auf die einzelnen Zellen der ersten Zeile.
Die Spaltenüberschriften hebt man ganz einfach durch besondere Formatierung hervor, indem man jede Zelle der Spaltenüberschriften mit dem Symbol ! in eigener Wikitextzeile einleitet. Die Werte werden dann in fetter Schrift und zellenmittig dargestellt.
Möchte man mehrere Spaltenüberschriften in einer Wikitextzeile definieren, trennt man diese durch doppelte Ausrufungszeichen: !!.
Die Tabellenzellen einer Zeile kann man einzeln, im Wikitext in untereinander stehenden Textzeilen stehend, definieren. Dazu beginnt man jede Zelle mit dem Symbol |.
Möchte man mehrere Zellen in einer Wikitextzeile, also entsprechend der Tabellenanzeige, nebeneinander angeben, werden alle Zeilen ab der zweiten mit dem Symbol || (zwei senkrechte Striche) abgetrennt. Diese Vorgehensweise ist für manche Zellformatierungen aber ungeeignet.
In dem folgenden Beispiel ist dargestellt, wie eine einfache komplette Tabelle im Wikitext vereinbart wird und wie sie in der Anzeige aussieht:
Wikitext | Darstellung | |||||||||
---|---|---|---|---|---|---|---|---|---|---|
{| border="1" |+ Tabellenüberschrift ! Überschrift 1 !! Überschrift 2 ! Überschrift 3 |- | Zelle 1 der ersten Zeile || Zelle 2 der ersten Zeile | Zelle 3 der ersten Zeile |- | Zelle 1 der zweiten Zeile || Zelle 2 der zweiten Zeile || Zelle 3 der zweiten Zeile |} |
|
Tabellenrahmen
Einfacher Rahmen
Im vorstehenden Beispiel sehen wir nach der Tabelleneinleitung {| border="1". Dies ist die einfachste Möglichkeit, einer Tabelle einen Rahmen zu geben. border heißt Rahmen, die Rahmendicke wird mit 1 Pixel angegeben. Jede Zelle erhält einen Rahmen, der 1 Pixel dick ist.
Überschrift 1 | Überschrift 2 | Überschrift 3 |
---|---|---|
Zelle 1 der ersten Zeile | Zelle 2 der ersten Zeile | Zelle 3 der ersten Zeile |
Zelle 1 der zweiten Zeile | Zelle 2 der zweiten Zeile | Zelle 3 der zweiten Zeile |
Ohne Rahmen
Zum Vergleich - ohne border="1" nach der Tabelleneinleitung sähe die Tabelle so aus:
Überschrift 1 | Überschrift 2 | Überschrift 3 |
---|---|---|
Zelle 1 der ersten Zeile | Zelle 2 der ersten Zeile | Zelle 3 der ersten Zeile |
Zelle 1 der zweiten Zeile | Zelle 2 der zweiten Zeile | Zelle 3 der zweiten Zeile |
Dezenter Rahmen
Einen dezenteren Rahmen erhält die Tabelle, wenn man die Rahmen der einzelnen Zellen zusammenfallen lässt. Man kann sich die Kenntnis der Syntax dafür durch die Nutzung der Vorlage Prettytable2 sparen.
Dies geschieht durch dynamische Einbindung der Vorlage, indem der Tabelleneinleitung {| {{Prettytable2}} folgt.
Überschrift 1 | Überschrift 2 | Überschrift 3 |
---|---|---|
Zelle 1 der ersten Zeile | Zelle 2 der ersten Zeile | Zelle 3 der ersten Zeile |
Zelle 1 der zweiten Zeile | Zelle 2 der zweiten Zeile | Zelle 3 der zweiten Zeile |
Dezenter Rahmen und farbig unterlegte Zellen
Gleichzeitig ein wenig Farbe erhält die Tabelle durch Nutzung der Vorlage Prettytable.
Dies geschieht durch dynamische Einbindung der Vorlage, indem der Tabelleneinleitung {| {{Prettytable}} folgt.
Überschrift 1 | Überschrift 2 | Überschrift 3 |
---|---|---|
Zelle 1 der ersten Zeile | Zelle 2 der ersten Zeile | Zelle 3 der ersten Zeile |
Zelle 1 der zweiten Zeile | Zelle 2 der zweiten Zeile | Zelle 3 der zweiten Zeile |
Komplexere Tabellen
Zusammenfassen von Zeilen (Rowspanning) und Spalten (Colspanning)
Auch mit den neuen Wiki-Befehlen ist es genauso wie bei HTML möglich eine Zelle über mehrere Zeilen reichen zu lassen, ein so genanntes rowspan. Um rowspan einzuschalten muss man vor der betreffenden Zelle, aber unbedingt in der gleichen Zeile, das rowspan-Argument einfügen, etwa in der Form rowspan=n wobei n für die Anzahl der Zeilen steht, über die die Zelle reichen soll. Soll eine Zelle über mehrere Spalten reichen benutze man colspan.
Zeilenzusammenfassung (rowspan)
Eine Tabelle, in der Zelle 2 über zwei Zeilen reicht, sieht im Text so aus:
{| {{Prettytable2}} ! Spalte 1 ! Spalte 2 ! Spalte 3 |- | Zeile 1, Zelle 1 |rowspan=2 | Zeile 1 und 2, Zellen 2 mit '''rowspan verbunden''' | Zeile 1, Zelle 3 |- |Zeile 2, Zelle 1 |Zeile 2, Zelle 2 |- | Zeile 3, Zelle 1 | Zeile 3, Zelle 2 | Zeile 3, Zelle 3 |- |}
und stellt sich so dar:
Spalte 1 | Spalte 2 | Spalte 3 |
---|---|---|
Zeile 1, Zelle 1 | Zeile 1 und 2, Zellen 2 mit rowspan verbunden | Zeile 1, Zelle 3 |
Zeile 2, Zelle 1 | Zeile 2, Zelle 3 | |
Zeile 3, Zelle 1 | Zeile 3, Zelle 2 | Zeile 3, Zelle 3 |
Spaltenzusammenfassung (colspan)
Eine Tabelle, in der Zelle 2 über zwei Spalten reicht, sieht im Text so aus:
{| {{Prettytable2}} ! Spalte 1 ! Spalte 2 ! Spalte 3 ! Spalte 4 |- |Zeile 1, Zelle 1 |colspan=2 | '''Zeile 1, Zellen 2 und 3, mit colspan verbunden''' |Zeile 1, Zelle 4 |- |Zeile 2, Zelle 1 |Zeile 2, Zelle 2 |Zeile 2, Zelle 3 |Zeile 2, Zelle 4 |- |}
und stellt sich so dar:
Spalte 1 | Spalte 2 | Spalte 3 | Spalte 4 |
---|---|---|---|
Zeile 1, Zelle 1 | Zeile 1, Zellen 2 und 3, mit colspan verbunden | Zeile 1, Zelle 4 | |
Zeile 2, Zelle 1 | Zeile 2, Zelle 2 | Zeile 2, Zelle 3 | Zeile 2, Zelle 4 |
Verschachtelte Tabellen
Das Verschachteln ist mit den neuen Wiki-Befehlen denkbar 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!
Beispiel: Eine Tabelle, in der eine weitere Tabelle steckt, sieht im Text so aus:
{| border=1 |Zelle 1 | {| border=2 |Zelle A |- |Zelle B |} |Zelle 3 |}
und stellt sich so dar:
Zelle 1 |
|
Zelle 3 |
Beschriftung
Mit den neuen Wiki-Befehlen ist es leicht möglich, eine Beschriftung über der Tabelle zu implementieren. Diese Beschriftung ist zentriert und maximal genauso breit wie die Tabelle mit automatischen 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 Wiki-Befehlen formatieren.
Beispiel: Eine Tabelle mit Beschriftung sieht im Text so aus:
{||border=1 |+ Dies ist eine '''Beschriftung''', die ''ziemlich'' lang ist. |Zelle 1 |Zelle 2 |- |Zelle 3 |Zelle 4 |}
und stellt sich so dar:
Zelle 1 | Zelle 2 |
Zelle 3 | Zelle 4 |
Weitere Formatierungen
Natürlich ist es auch mit den neuen Wiki-Befehlen möglich:
- Zellen farbig zu hinterlegen mit Farbtabelle (bgcolor=#ABCDEF)
- Rahmen andere Farben zu geben.
Sortierbare Tabellen
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.[1]
Referenzen
- ↑ Artikel Hilfe:Tabellen. In: Wikipedia, Die freie Enzyklopädie. (Versions-ID: 63804389 vom 09.09.2009)