Zum Inhalt springen

Hilfe:Tabellen

Aus Wikibooks
Version vom 16. Februar 2008, 16:16 Uhr von Matthias M. (Diskussion | Beiträge) (Quelltext vereinfacht, CSS Klassen erklärt)

Hoch zum Lehrbuch

Allgemeines ...: Sei mutig!Seite bearbeitenVorschauSonderzeichenRechtschreibungTypografieSchreibstil verbessern Inhaltsverzeichnis einer Seite
Die Spielwiese.: Erste Schritte Formatierung auf der Spielwiese üben
Textgestaltung.: ZitierenFarbenRahmenTabellenFußnotenInfoboxen
Weiterführendes: VorlagenFormeln mit LaTeXAndere Inhalte einbindenListe von Seiten


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

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

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: