Hilfe:Tabellen

↓ Überblick ↑ Überblick Übersicht der Hilfeseiten Einführung Karte der Kamelopedia Wörterbuch der Kamele Namensräume Spezialseiten

↓ Bearbeiten ↑ Bearbeiten Bearbeitungshilfe Links und Weiterleitungen Textgestaltung Farben Tabellen Kategorien Vorlagen

↓ Artikel ↑ Artikel Keinen schlechten Artikel schreiben Einen guten Artikel schreiben Artikelformatierung Grabkammer, Humorantrag & Co.

↓ Multimedia ↑ Multimedia Bilder Musik & Ton Videos Technisches zum Hochladen Rechtliches zum Hochladen

↓ Features ↑ Features Interwiki-Links Smileys Hieroglyphen Quiz erstellen

↓ Pseudo und Anti ↑ Pseudo und Anti Was du nicht tun solltest Tastaturhilfe Linkwahn Textgeblubber Anti-Beispiele Wie schreibe ich einen schlechten Artikel Bestattungshilfe Auch Bestattungshilfe Ebenfalls Bestattungshilfe

Grundlagen

Jede Tabelle im Wiki-Stil beginnt mit einer geschweiften Klammer { gefolgt von einem senkrechten Strich | und endet mit einem Strich | gefolgt von einer geschweiften Klammer }.

Das gibt kamel ein	So sieht es aus
{| |}

Einfache Tabellen

Jede Zeile innerhalb der beiden Klammern beginnt mit einem senkrechten Strich |. Dieser macht den Beginn einer neuen Zelle deutlich. Danach kommt der Inhalt der Zelle.

Eine Tabelle mit zwei Zellen in einer Tabellenzeile sieht im Text so aus:

Das gibt kamel ein	So sieht es aus
{| |Zelle 1 |Zelle 2 |}	Zelle 1 Zelle 2

Alternative Schreibweise

Zum Platzsparen ist es möglich, mehrere Tabellenzellen in einer Quältextzeile unterzubringen; in diesem Fall muss kamel die Zellen mit || trennen:

Das gibt kamel ein	So sieht es aus
{| |Zelle 1||Zelle 2 |}	Zelle 1 Zelle 2

Tabelle mit mehreren Tabellenzeilen

Der Beginn einer neuen Zeile wird deutlich gemacht, indem kamel hinter dem senkrechten Strich | einen waagerechten – setzt.

Das gibt kamel ein	So sieht es aus
{| |Zelle 1 |Zelle 2 |- |Zelle 3 |Zelle 4 |}	Zelle 1 Zelle 2 Zelle 3 Zelle 4

Komplexere Tabellen

Rahmen

Einen Rahmen erhält kamel, wenn mit border="x", wobei x die Stärke des Rahmens festlegt.

Das gibt kamel ein	So sieht es aus
{| border="1" |Zelle 1 |Zelle 2 |- |Zelle 3 |Zelle 4 |- |Zelle 5 |Zelle 6 |}	Zelle 1 Zelle 2 Zelle 3 Zelle 4 Zelle 5 Zelle 6

oder

Das gibt kamel ein	So sieht es aus
{| border="5" |Zelle 1 |Zelle 2 |Zelle 3 |- |Zelle 4 |Zelle 5 |Zelle 6 |}	Zelle 1 Zelle 2 Zelle 3 Zelle 4 Zelle 5 Zelle 6

Zelle über mehrere Spalten

Mit colspan="x" kann kamel Zellen über mehrere Spalten reichen lassen, wobei x die Anzahl der Spalten festlegt, über die sich die Zelle erstreckt.

Das gibt kamel ein	So sieht es aus
{| border="1" | colspan="3" |Zelle 1 |- |Zelle 2 |Zelle 3 |Zelle 4 |- |Zelle 5 |Zelle 6 |Zelle 7 |}	Zelle 1 Zelle 2 Zelle 3 Zelle 4 Zelle 5 Zelle 6 Zelle 7

Titelzeilen

Eine Tabelle mit Titelzeile erreicht kamel, indem die Zellen, die hervorgehoben werden sollen, mit ! statt | eingeleitet werden:

Das gibt kamel ein	So sieht es aus
{| border="1" !Lama !Dromedar !Kamel |- |0 Höcker |1 Höcker |2 Höcker |}	Lama Dromedar Kamel 0 Höcker 1 Höcker 2 Höcker

Leere Zellen mit Rahmen

Leere Zellen werden in einer Tabelle nicht umrahmt. Um trotzdem einen Rahmen zu bekommen, kann kamel das geschützte Leerzeichen   benutzen.

Das gibt kamel ein	So sieht es aus
{| border="1" |  !Lama !Dromedar !Kamel |- !Höcker |0 |1 |2 |}	Lama Dromedar Kamel Höcker 0 1 2

Zellen farbig hinterlegen

Mit bgcolor="x" können Zellen farblich hervorgehoben werden, wobei für x entweder der Farbname oder der Hexadezimalwert (#......) eingesetzt weden kann. Die Namen bzw. Werte findet kamel in der Farbtabelle.

Das gibt kamel ein	So sieht es aus
{| border="1" |  !Lama !Dromedar ! bgcolor="#ABCDEF" |Kamel |- !Höcker |0 |1 bgcolor="gold" |2 |}	Lama Dromedar Kamel Höcker 0 1 2

Formatierungen

Spaltenbreiten

Spaltenbreiten können mit width="x%" festgelegt (relative Angabe). Absolute Angaben in Pixeln sind eher bei Grafiken sinnvoll. Titelzeilen werden automatisch zentriert.

Das gibt kamel ein	So sieht es aus
{| border="1" ! width="10%" |Lama ! width="20%" |Dromedar ! width="40%" |Kamel |- |10% |20% |40% |}	Lama Dromedar Kamel 10% 20% 40%

Ausrichtung

Um die Inhalte der anderen Zellen auszurichten, benutzt kamel align="x", wobei left (links), center (mittig) oder right (rechts) für x eingesetzt werden kann.

Das gibt kamel ein	So sieht es aus
{| border="1" ! width="10%" |Lama ! width="20%" |Dromedar ! width="40%" |Kamel |- |align="left" |10% |align="center" |20% |align="right" |40% |}	Lama Dromedar Kamel 10% 20% 40%

Zellenabstände

Mit cellspacing="x" kann der Abstand zwischen den Zellen festgelegt werden. Je größer das x, desto breiter wird der Steg zwischen den Zellen. Mit cellpadding="x" bestimmt kamel den Abstand des Zellinhaltes vom Zellrahmen.

Das gibt kamel ein	So sieht es aus
{| border="1" cellspacing="10" ! width="10%" |Lama ! width="20%" |Dromedar ! width="40%" |Kamel |- |align="center" |10% |align="center" |20% |align="center" |40% |}	Lama Dromedar Kamel 10% 20% 40%

bzw:

Das gibt kamel ein	So sieht es aus
{| border="1" cellpadding="10" ! width="10%" |Lama ! width="20%" |Dromedar ! width="40%" |Kamel |- |align="center" |10% |align="center" |20% |align="center" |40% |}	Lama Dromedar Kamel 10% 20% 40%

oder zusammen:

Das gibt kamel ein	So sieht es aus
{| border="1" cellpadding="10" cellspacing="10" ! width="10%" |Lama ! width="20%" |Dromedar ! width="40%" |Kamel |- |align="center" |10% |align="center" |20% |align="center" |40% |}	Lama Dromedar Kamel 10% 20% 40%

{{prettytable}}

{{prettytable}} ist eine Vorlage, die ein vorformatiertes Design enthält.

Das gibt kamel ein	So sieht es aus
{| {{prettytable}} |Zelle 1 |Zelle 2 |Zelle 3 |- |Zelle 4 |Zelle 5 |Zelle 6 |}	Zelle 1 Zelle 2 Zelle 3 Zelle 4 Zelle 5 Zelle 6

Basiert auf „Hilfe:Tabellen“ aus der Wikipedia; Lizenz: CC-by-SA; Autorenliste.