Hilfe:Tabellen

Aus DBWiki
Wechseln zu: Navigation, Suche

Tabellen sollten für wirklich tabellarische Daten verwendet werden, eher im Ausnahmefall für das Layout von Artikeln.

Wiki Code vgl. HTML Code Beschreibung
{| <table> Tabellenanfang
|+   Tabellenüberschrift, optional; nur einmal pro Tabelle zwischen Tabellenanfang und erster Zeile definierbar
|- <tr> neue Tabellenzeile
! <th> Tabellenkopfzelle, optional.
  • Aufeinanderfolgende Kopfzellen können, durch doppelte Ausrufezeichen (!!) getrennt, in der gleichen Zeile folgen oder mit einfachen Ausrufezeichen (!) auf einer neuen Zeile beginnen.
  • Sollen Styleangaben verwendet werden, so muss der Style vom ! mit Leerzeichen getrennt werden, der Zelleninhalt wird vom Style mit | getrennt. Allerdings muss dann die Einleitung der Zelle auf einer neuen Zeile beginnen.
| <td> Tabellenzelle, Pflicht!
  • Aufeinanderfolgende Zellen können, durch doppelte Striche (||) getrennt, in der gleichen Zeile folgen oder mit einfachem Strich (|) auf einer neuen Zeile beginnen.
  • Sollen Styleangaben verwendet werden, so muss der Style vom ersten | mit Leerzeichen getrennt werden, der Zelleninhalt wird vom Style mit | getrennt. Allerdings muss dann die Einleitung der Zelle auf einer neuen Zeile beginnen.
|} </table> Tabellenende


Was du schreibst Wie es dargestellt wird

Grundaufbau einer Tabelle

{|
|-
!Spalte 1!!Spalte 2!!Spalte 3
|-
|Feld 1a||Feld 2a||Feld 3a
|-
|Feld 1b||Feld 2b||Feld 3b
|-
|Feld 1c||Feld 2c||Feld 3c
|}
Spalte 1 Spalte 2 Spalte 3
Feld 1a Feld 2a Feld 3a
Feld 1b Feld 2b Feld 3b
Feld 1c Feld 2c Feld 3c

Tabelle im "wikitable"-Format

Möglichkeit 1:

{| class="wikitable"
|-
!Spalte 1
!Spalte 2
!Spalte 3
|-
|Feld 1a
|Feld 2a
|Feld 3a
|-
|Feld 1b
|Feld 2b
|Feld 3b
|-
|Feld 1c
|Feld 2c
|Feld 3c
|}

Möglichkeit 2:

{| class="wikitable"
|-
!Spalte 1!!Spalte 2!!Spalte 3
|-
|Feld 1a||Feld 2a||Feld 3a
|-
|Feld 1b||Feld 2b||Feld 3b
|-
|Feld 1c||Feld 2c||Feld 3c
|}
Spalte 1 Spalte 2 Spalte 3
Feld 1a Feld 2a Feld 3a
Feld 1b Feld 2b Feld 3b
Feld 1c Feld 2c Feld 3c

Mit Überschrift und farbiger Schrift in der Kopfzelle

{| class="wikitable"
|+Nahrungszusätze
! style="color: green;"|Spalte 1
! style="color: green;"|Spalte 2
|-
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis 
|}
Nahrungszusätze
Spalte 1 Spalte 2
Orange Apfel
Brot Torte
Butter Eis

Mit sortierbaren Spalten

{| class="wikitable sortable"
|+Nahrungszusätze
! style="color: green;"|Spalte 1
! style="color: green;"|Spalte 2
|-
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis 
|}
Nahrungszusätze
Spalte 1 Spalte 2
Orange Apfel
Brot Torte
Butter Eis

Feste Tabellenbreite und feste Spaltenbreiten

{| class="wikitable" style="width:50%"
|+Tabellenbreite 50%
!style="width:65%"|Spaltenbreite 65%
!style="width:25%"|25%
!style="width:10%"|10%
|-
|Feld 1a||Feld 2a||Feld 3a
|-
|Feld 1b||Feld 2b||Feld 3b
|-
|Feld 1c||Feld 2c||Feld 3c
|}
Tabellenbreite 50%
Spaltenbreite 65% 25% 10%
Feld 1a Feld 2a Feld 3a
Feld 1b Feld 2b Feld 3b
Feld 1c Feld 2c Feld 3c

Tabellen-Klassen

1.   {| class="wikitable"
     |}

2.   {| class="wikitable sortable"
     |}

3.   {| class="wikitable trtop"
     |}
  1. Grundstyling: hellgrauer Hintergrund, Rahmen, Linksausrichtung
  2. Grundstyling
    • Die Spalten werden aufsteigend oder absteigend sortiert.
    • Die Sortierpfeile sind in der Vorschau nicht sichtbar.
  3. Grundstyling
    • Textausrichtung oben


Weblinks


Dateien  Handbuch  Zeichenformatierung