Hilfe:Tabellen

Aus SchnuppTrupp
Version vom 28. September 2010, 15:14 Uhr von Novelette (Diskussion | Beiträge) (sortierbare Tabelle)

Wechseln zu: Navigation, Suche

Tabellen im Wiki

Grundlegende Formatierung

{|
Anfang einer Tabelle
! 
Zellen Überschrift optional.
|+
Zeilen Überschrift, optional; darf nur zwischen Anfang einer Tabelle und erster Tabellen Zeile gesetzt werden
|-
Tabellen Zeile, optional für die erste Zeile -- Das Wiki würde es automatsich setzen für die erste Tabellen Zeile
|
Tabellen Zelle benötigt! Mehrere Tabellen Zellen können in einer Zeile definiert werden, müßen dann jedoch mit doppelter Pipe (||) abgegrenzt werden. Oder in der nächsten Zeile die nächste Zelle mit einem einfachen (|) beginnen.
|}
Tabellen Ende

Eine einfache Tabelle

Code

 {|
 |-
 |Zeile 1 Zelle 1
 |Zeile 1 Zelle 2
 |Zeile 1 Zelle 3
 |-
 |Zeile 2 Zelle 4
 |Zeile 2 Zelle 5
 |Zeile 2 Zelle 6
 |}

Ergebnis

Zeile 1 Zelle 1 Zeile 1 Zelle 2 Zeile 1 Zelle 3
Zeile 2 Zelle 4 Zeile 2 Zelle 5 Zeile 2 Zelle 6

Eine einfache Tabelle mit Überschrift

Code

 {|
 |+
 !Überschrift 1
 !Überschrift 2
 !Überschrift 3
 |-
 |Zeile 1 Zelle 1
 |Zeile 1 Zelle 2
 |Zeile 1 Zelle 3
 |-
 |Zeile 2 Zelle 4
 |Zeile 2 Zelle 5
 |Zeile 2 Zelle 6
 |}

Ergebnis

Überschrift 1 Überschrift 2 Überschrift 3
Zeile 1 Zelle 1 Zeile 1 Zelle 2 Zeile 1 Zelle 3
Zeile 2 Zelle 4 Zeile 2 Zelle 5 Zeile 2 Zelle 6

Eine einfache Tabelle mit Rahmen

Code

 {|border="1"
 |+
 !Überschrift 1
 !Überschrift 2
 !Überschrift 3
 |-
 |Zeile 1 Zelle 1
 |Zeile 1 Zelle 2
 |Zeile 1 Zelle 3
 |-
 |Zeile 2 Zelle 4
 |Zeile 2 Zelle 5
 |Zeile 2 Zelle 6
 |}

Ergebnis

Überschrift 1 Überschrift 2 Überschrift 3
Zeile 1 Zelle 1 Zeile 1 Zelle 2 Zeile 1 Zelle 3
Zeile 2 Zelle 4 Zeile 2 Zelle 5 Zeile 2 Zelle 6

Unterschiedliche Rahmenformen und Farben

Code

 {|style="border-style: ridge; border-width: 12px;"
 |-
 |style="border-style: dotted; border-width: 2px; border-color: red;"|Zeile 1 Zelle 1
 |style="border-style: dashed; border-width: 2px; border-color: green;"|Zeile 1 Zelle 2 
 |style="border-style: solid; border-width: 2px; border-color: blue;"|Zeile 1 Zelle 3
 |-
 |style="border-style: double; border-width: 5px; border-color:#FF9999;"|Zeile 2 Zelle 4
 |style="border-style: groove; border-width: 5px; border-color:#9999FF;"|Zeile 2 Zelle 5
 |style="border-style: outset; border-width: 5px; border-color:#66CC66;"|Zeile 2 Zelle 6
 |} 

Ergebnis

Zeile 1 Zelle 1 Zeile 1 Zelle 2 Zeile 1 Zelle 3
Zeile 2 Zelle 4 Zeile 2 Zelle 5 Zeile 2 Zelle 6

Unterschiedliche Zellenfarben und Schriftfarben

Code

 {|border="1"
 |+
 !Überschrift 1
 !Überschrift 2
 !Überschrift 3
 |-
 |style="color:red; background-color:#ababab;"|Zeile 1 Zelle 1
 |style="color:green; background-color:#cdcdcd;"|Zeile 1 Zelle 2
 |style="color:blue; background-color:#efefef;"|Zeile 1 Zelle 3
 |}

Ergebnis

Überschrift 1 Überschrift 2 Überschrift 3
Zeile 1 Zelle 1 Zeile 1 Zelle 2 Zeile 1 Zelle 3

Zellen und Zeilen verbinden

Code

 {| border="1"
 !colspan="6"|Einkaufsliste
 |-
 |rowspan="2"|Brot und Butter
 |Kuchen
 |Vorspeise
 |Nachspeise
 |colspan="2"|Croissant
 |-
 |Käsekuchen
 |colspan="2"|Eiskrem 
 |Butter
 |Yoghurt
 |}

Ergebnis

Einkaufsliste
Brot und Butter Kuchen Vorspeise Nachspeise Croissant
Käsekuchen Eiskrem Butter Yoghurt

Ausrichtung des Textes in der Zelle

Code

 {| border="1"
 !Linksbündig
 !Zentriert
 !Rechtsbündig
 |-
 |align="left" | Äpfel
 |align="center" | Birnen
 |align="right" | 12,333.00
 |-
 |align="left" |Brot
 |align="center" |Kuchen
 |align="right" | 500.00
 |-
 |align="left" |Butter
 |align="center" |Eiskreme
 |align="right" | 1.00
 |}

Ergebnis

Linksbündig Zentriert Rechtsbündig
Äpfel Birnen 12,333.00
Brot Kuchen 500.00
Butter Eiskreme 1.00

Abstand zwischen den Zellen

Code

 {|border="1" cellspacing="20"
 |+
 !Überschrift 1
 !Überschrift 2
 !Überschrift 3
 |-
 |Zeile 1 Zelle 1
 |Zeile 1 Zelle 2
 |Zeile 1 Zelle 3
 |-
 |Zeile 2 Zelle 4
 |Zeile 2 Zelle 5
 |Zeile 2 Zelle 6
 |}

Ergebnis

Überschrift 1 Überschrift 2 Überschrift 3
Zeile 1 Zelle 1 Zeile 1 Zelle 2 Zeile 1 Zelle 3
Zeile 2 Zelle 4 Zeile 2 Zelle 5 Zeile 2 Zelle 6

Abstand des Zelleninhaltes zum Zellenrand

Code

 {|border="1" cellpadding="20"
 |+
 !Überschrift 1
 !Überschrift 2
 !Überschrift 3
 |-
 |Zeile 1 Zelle 1
 |Zeile 1 Zelle 2
 |Zeile 1 Zelle 3
 |-
 |Zeile 2 Zelle 4
 |Zeile 2 Zelle 5
 |Zeile 2 Zelle 6
 |}

Ergebnis

Überschrift 1 Überschrift 2 Überschrift 3
Zeile 1 Zelle 1 Zeile 1 Zelle 2 Zeile 1 Zelle 3
Zeile 2 Zelle 4 Zeile 2 Zelle 5 Zeile 2 Zelle 6


Sortierbare Tabelle

Code

{| class="wikitable sortable" border="1"
|+ Sortierbare Tabelle
|-
! scope="col" | Alphabetisch
! scope="col" | Numerisch
! scope="col" class="unsortable" | nicht sortierbar
|-
| d || 20 || Diese
|-
| b || 8 || Spalte
|-
| a || 6 || kann nicht
|-
| c || 4 || sortiert
|-
| e || 0 || werden.
|}

Ergebnis

Sortierbare Tabelle
Alphabetisch Numerisch nicht sortierbar
d 20 Diese
b 8 Spalte
a 6 kann nicht
c 4 sortiert
e 0 werden.