Aus Wikibooks
Hoch zum Lehrbuch
Sei mutig! - Seite bearbeiten - Inhaltsverzeichnis - Farben - Rahmen - Infoboxen - Tabellen gestalten - Fußnoten - LaTeX
Erste Schritte auf der Spielwiese - Formatierung auf der Spielwiese üben
[Bearbeiten] Tabelle mit mehreren Tabellenzeilen
- Jede Tabelle beginnt mit einer öffnenden geschweiften Klammer und dahinter einem senkrechten Strich. Formatierungsanweisungen dürfen folgen.
- Jede Tabellenzeile beginnt mit einem senkrechten Strich.
- Der Beginn einer neuen Zeile wird deutlich gemacht, indem man hinter den senkrechten Strich ein Minuszeichen setzt.
Dies lässt sich beliebig oft wiederholen.
- Eine Tabelle endet mit einem senkrechten Strich, gefolgt von einer schließenden geschweiften Klammer.
| Eingabe |
Ergebnis |
{|
| Zelle 1
| Zelle 2
|-
| Zelle 3
| Zelle 4
|}
|
| Zelle 1 |
Zelle 2 |
| Zelle 3 |
Zelle 4 |
|
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 |
{|
| Zelle 1
| Zelle 2
|-
| Zelle 3
| Zelle 4
|-
| Zelle 5
| Zelle 6
|}
|
bzw. |
{|
| Zelle 1 || Zelle 2
|-
| Zelle 3 || Zelle 4
|-
| Zelle 5 || Zelle 6
|}
|
| Zelle 1 |
Zelle 2 |
| Zelle 3 |
Zelle 4 |
| Zelle 5 |
Zelle 6 |
|
[Bearbeiten] Tabelle mit Rahmen
Mit Hilfe von CSS-Klassen lassen sich Tabellen bequem und einheitlich formatieren. Die Klasse "wikitable" ist für den Rahmen und die graue Hintergrundfarbe zuständig. Das ! Ausrufungszeichen markiert eine hervorgehobene Spaltenüberschrift und die blaue Hintergrundfarbe hat auch eine eigene CSS-Klasse.
| Eingabe |
Ergebnis |
{| class="wikitable"
! Spalte 1
| Spalte 2
|-
| Zelle 1
| Zelle A
|- class="hintergrundfarbe6"
| Zelle 2
| Zelle B
|-
| Zelle 3
| Zelle C
|}
|
| Spalte 1 |
Spalte 2 |
| Zelle 1 |
Zelle A |
| Zelle 2 |
Zelle B |
| Zelle 3 |
Zelle C |
|
[Bearbeiten] Sortierbare Tabellen
Mit Hilfe einer speziellen CSS-Klasse lassen sich auch sortierbare Tabellen erstellen (benötigt Java-Script).
| Eingabe |
Ergebnis |
{| class="wikitable sortable"
! Spalte 1
| Spalte 2
|-
| Zelle 1
| Zelle A
|-
| Zelle 3
| Zelle B
|-
| Zelle 2
| Zelle C
|}
|
| Spalte 1 |
Spalte 2 |
| Zelle 1 |
Zelle A |
| Zelle 3 |
Zelle B |
| Zelle 2 |
Zelle C |
|
Für Details zum Gebrauch und wo Tabellen nützlich sein können: