Hilfe:Tabellen

Aus Wikibooks

Wechseln zu: Navigation, Suche

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



Inhaltsverzeichnis

[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

[Bearbeiten] Weblinks

Für Details zum Gebrauch und wo Tabellen nützlich sein können:

Persönliche Werkzeuge