Hilfe:Tabellen erstellen

Die Erstellung von einfachen Tabellen ist in wenigen Schritten möglich. Theoretisch kann auch HTML-Code verwendet werden. Um aber allen Schreibbegeisterten die Möglichkeit zu geben, Tabellen zu erstellen, wird im Wiki-System hierfür eine eigene Beschreibungssyntax verwendet.

Nachfolgend sollen anhand von Beispielen einige Möglichkeiten dargestellt werden.


Erste Schritte

Alle Tabellen beginnen mit einer geschweiften Klammer und einem senkrechten Strich (Pipe) {|. Hierdurch wird dem Wiki-System vermittelt, dass an dieser Stelle eine Tabelle entstehen soll.

Die Tabelle wird durch einen weiteren senkrechten Strich und im Anschluss hieran mit einer geschweiften Klammer (Pipe) |} abgeschlossen.

Anfang und Abschluss müssen am Anfang einer Zeile verwendet werden.


Erste Informationen

Jede Spalte beginnt mit einem senkrechten Strich |.

Quelltext

{|
| Test 1
| Test 2 
|}

Ausgabe

Test 1 Test 2

Zeilen und Spalten

Um mehrere Zeilen anzulegen, ist die Eingabe eines senkrechtes Striches sowie eines Bindestriches |- notwendig.

Quelltext

{|
| Test 1
| Test 2 
|-
| Test 3
| Test 4 
|}

Ausgabe

Test 1 Test 2
Test 3 Test 4


Kopfzeilen

Um eine Zeile als Kopfzeile (Fettdruck) zu definieren, ist die Eingabe eines Ausrufezeichens ! - gefolgt vom Text - notwendig.

Quelltext

{|
! Test 1
! Test 2 
|-
| Test 3
| Test 4 
|}

Ausgabe

Test 1 Test 2
Test 3 Test 4


Spalten effizient erstellen

Einzelne Zellen können auch durch die doppelte Verwendung des senkrechten Striches || erstellt werden um den Quelltext übersichtlicher zu halten.

Quelltext

{|
! Test 1 || Test 2 
|-
| Test 3 || Test 4 
|}

Ausgabe

Test 1 Test 2
Test 3 Test 4


Rahmen

Um einen Rahmen einzufügen, ist die Verwendung des Befehls border="1" notwendig. Die Zahl in den Anführungszeichen gibt die Stärke des Rahmens an.

Quelltext

{| border="1"
! Test 1 || Test 2 
|-
| Test 3 || Test 4 
|}

Ausgabe

Test 1 Test 2
Test 3 Test 4


Spalten zusammenfassen (Colspan)

Einzelne Spalten können zusammengefasst werden. Hierfür ist die Anweisung colspan="2" notwendig. Die Zahl in den Anführungszeichen definiert, über wie viele Spalten sich die aktuelle Zeile erstrecken soll.

Quelltext

{| border="1"
! colspan="4" | Überschrift
|-
| Test 1 || Test 2 || Test3 || Test4
|-
| colspan="2" | Test A || Test B || Test C
|}

Ausgabe

Überschrift
Test 1 Test 2 Test3 Test4
Test A Test B Test C


Beschriftung

Tabellen können auch beschriftet werden. Die Anweisung lautet |+.

Quelltext

{| border="1"
|+ Testbeschriftung
! colspan="4" | Überschrift
|-
| Test 1 || Test 2 || Test3 || Test4
|-
| colspan="2" | Test A || Test B || Test C
|}

Ausgabe

Testbeschriftung
Überschrift
Test 1 Test 2 Test3 Test4
Test A Test B Test C


Hintergrundfarben

Spalten können eingefärbt werden. Die Anweisung lautet: style="background: #FFE699". Die Farbe "#FFE699" ist nur beispielhaft ausgewählt. Hier können auch andere Farbwerte verwendet werden (siehe Hexadezimale-Farbtabelle).

Quelltext

{| border="1"
! colspan="4" style="background: #FFE699" | Überschrift
|-
| Test 1 || Test 2 || Test 3 || Test 4
|-
| colspan="2" | Test A || Test B || Test C
|}

Ausgabe

Überschrift
Test 1 Test 2 Test3 Test4
Test A Test B Test C


Spaltenbreite

Die Spaltenbreite kann vorgegeben werden, entweder in Pixeln width="50" oder in Prozent width="50%".

Quelltext

{| border="1" width="70%"
! style="background:blue" colspan="4" | Überschrift
|-
! Test 1 || Test 2
|-
| Test A || Test B 
|}

Ausgabe

Überschrift
Test 1 Test 2
Test A Test B


Spalteninhalte ausrichten

Kopfzeilen sind grundsätzlich mittig (horizontal und vertikal) ausgerichtet.

Horizontal können auch andere Spalteninhalte durch den Befehl align u. a. rechts (align="right"), links (align="left") und mittig (align="center") ausgerichtet werden. Die Ausrichtung kann je Spalte vorgenommen werden oder für eine ganze Zeile.

Vertikal werden die Spalteninhalte durch den Befehl valign u. a. oben (valign="top"), unten (valign="bottom") und mittig (valign="middle") ausgerichtet werden. Die Ausrichtung kann ebenfalls je Spalte vorgenommen werden oder für eine ganze Zeile.

Quelltext

{| border="1" width="70%"
! style="background: #FFE699" colspan="4" | Überschrift
|-
! align="right" | Spalte 1 || Spalte 2
|- align="center"
| Test 1 || Test 2
|- align="center" 
| Test A || Test B 
|- align="right"
| height="50" valign="top" | Test A || valign="bottom" | Test B 
|}

Ausgabe

Überschrift
Spalte 1 Spalte 2
Test 1 Test 2
Test A Test B
Test A Test B


Weitere Informationen

Die vorstehenden Ausführungen geben nur einen kleinen Überblick. Es gibt viele Möglichkeiten Tabellen noch individueller anzupassen, z. B. durch CSS-Anweisung.