Hilfe:Tabellen: Unterschied zwischen den Versionen

aus Kamelopedia, der wüsten Enzyklopädie
Zur Navigation springen Zur Suche springen
Ameise (Diskussion | Beiträge)
KKeine Bearbeitungszusammenfassung
K entscheidenden Fehler entfernt
 
(9 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt)
Zeile 4: Zeile 4:
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 '''}'''.
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 '''}'''.


{|
{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
|-
|<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
|<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
<nowiki>{|</nowiki>
<nowiki>{|</nowiki>
Zeile 19: Zeile 22:
Eine Tabelle mit zwei Zellen in einer Tabellenzeile sieht im Text so aus:
Eine Tabelle mit zwei Zellen in einer Tabellenzeile sieht im Text so aus:


{|  
{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
|-
|<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
|<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
<nowiki>{|</nowiki><br/>
<nowiki>{|</nowiki><br/>
Zeile 32: Zeile 38:
|}
|}
|}
|}


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


{|  
{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
|- 
|<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
|<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
<nowiki>{|</nowiki><br/>
<nowiki>{|</nowiki><br/>
Zeile 47: Zeile 57:
|}
|}
|}
|}


===Tabelle mit mehreren Tabellenzeilen===
===Tabelle mit mehreren Tabellenzeilen===
Der Beginn einer neuen Zeile wird deutlich gemacht, indem kamel hinter dem senkrechten Strich '''|''' einen waagerechten '''–''' setzt.
Der Beginn einer neuen Zeile wird deutlich gemacht, indem kamel hinter dem senkrechten Strich '''|''' einen waagerechten '''–''' setzt.


{|  
{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
|-
|
|
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
Zeile 77: Zeile 91:
Einen Rahmen erhält kamel, wenn mit '''border="x"''', wobei '''x''' die Stärke des Rahmens festlegt.
Einen Rahmen erhält kamel, wenn mit '''border="x"''', wobei '''x''' die Stärke des Rahmens festlegt.


{|   
{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
|-  
|
|
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
Zeile 106: Zeile 123:
oder  
oder  


{|
{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
|- 
|
|
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
Zeile 130: Zeile 150:
|}
|}
|}
|}
===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.
{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
|- 
|
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
<nowiki>{| border="1"</nowiki><br/>
<nowiki>| colspan="3" |Zelle 1</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>|Zelle 2</nowiki><br/>
<nowiki>|Zelle 3</nowiki><br/>
<nowiki>|Zelle 4</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>|Zelle 5</nowiki><br/>
<nowiki>|Zelle 6</nowiki><br/>
<nowiki>|Zelle 7</nowiki><br/>
<nowiki>|}</nowiki>
</div>
|
{| border="1"
| colspan="3"|Zelle 1
|-
|Zelle 2
|Zelle 3
|Zelle 4
|-
|Zelle 5
|Zelle 6
|Zelle 7
|}
|}


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


{|
{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
|- 
|
|
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
Zeile 158: Zeile 218:
|}
|}
|}
|}


===Leere Zellen mit Rahmen===
===Leere Zellen mit Rahmen===
Leere Zellen werden in einer Tabelle nicht umrahmt. Um trotzdem einen [[Hilfe:Tabellen#Rahmen|Rahmen]] zu bekommen, kann kamel das geschützte Leerzeichen '''&amp;nbsp;''' benutzen.
Leere Zellen werden in einer Tabelle nicht umrahmt. Um trotzdem einen [[Hilfe:Tabellen#Rahmen|Rahmen]] zu bekommen, kann kamel das geschützte Leerzeichen '''&amp;nbsp;''' benutzen.


{|
{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
|-
|
|
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
Zeile 191: Zeile 255:
|}
|}


===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.


{|
===Zellen farbig hinterlegen===
Mit '''style="background: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 [[wikipedia:de:Hilfe:Farbtabelle#Tabelle_Farbcodes|Farbtabelle]].
 
{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
|-
|
|
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
<nowiki>{| border="1"</nowiki><br/>
<nowiki>{| border="1"</nowiki><br/>
<nowiki>| colspan="3" |Zelle 1</nowiki><br/>
<nowiki>|&amp;nbsp;</nowiki><br/>
<nowiki>!Lama</nowiki><br/>
<nowiki>!Dromedar</nowiki><br/>
<nowiki>! style="background:#ABCDEF;" |Kamel</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>|Zelle 2</nowiki><br/>
<nowiki>!Höcker</nowiki><br/>
<nowiki>|Zelle 3</nowiki><br/>
<nowiki>|0</nowiki><br/>
<nowiki>|Zelle 4</nowiki><br/>
<nowiki>|1</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>| style="background:gold;" |2</nowiki><br/>
<nowiki>|Zelle 5</nowiki><br/>
<nowiki>|Zelle 6</nowiki><br/>
<nowiki>|Zelle 7</nowiki><br/>
<nowiki>|}</nowiki>
<nowiki>|}</nowiki>
</div>
</div>
|
|
{| border="1"
{| border="1"
| colspan="3"|Zelle 1
|&nbsp;
!Lama
!Dromedar
! style="background:#ABCDEF;" |Kamel
|-
|-
|Zelle 2
!Höcker
|Zelle 3
|0
|Zelle 4
|1
|-
| style="background:gold;" |2
|Zelle 5
|Zelle 6
|Zelle 7
|}
|}
|}
|}


==Formatierungen==
==Formatierungen==
Zeile 227: Zeile 296:
Spaltenbreiten können mit '''width="x%"''' festgelegt (relative Angabe). Absolute Angaben in Pixeln sind eher bei Grafiken sinnvoll. [[Hilfe:Tabellen#Titelzeilen|Titelzeilen]] werden automatisch zentriert.
Spaltenbreiten können mit '''width="x%"''' festgelegt (relative Angabe). Absolute Angaben in Pixeln sind eher bei Grafiken sinnvoll. [[Hilfe:Tabellen#Titelzeilen|Titelzeilen]] werden automatisch zentriert.


{|
{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
|- 
|
|
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
Zeile 251: Zeile 323:
|}
|}
|}
|}


===Ausrichtung===
===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.   
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.   


{|
{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
|- 
|
|
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
Zeile 279: Zeile 355:
|}
|}
|}
|}


===Zellenabstände===
===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.
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.


{|   
{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
|-  
|
|
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
Zeile 310: Zeile 390:
bzw:
bzw:


{|   
{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
|-  
|
|
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
Zeile 337: Zeile 420:
oder zusammen:
oder zusammen:


{|   
{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
|-  
|
|
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
Zeile 361: Zeile 447:
|}
|}
|}
|}


===<nowiki>{{prettytable}}</nowiki>===
===<nowiki>{{prettytable}}</nowiki>===
'''<nowiki>{{prettytable}}</nowiki>''' ist eine Vorlage, die ein vorformatiertes Design enthält.
'''<nowiki>{{prettytable}}</nowiki>''' ist eine Vorlage, die ein vorformatiertes Design enthält.


{|
{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
|-
|
|
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">

Aktuelle Version vom 5. Januar 2007, 17:03 Uhr


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 &nbsp; benutzen.

Das gibt kamel ein So sieht es aus

{| border="1"
|&nbsp;
!Lama
!Dromedar
!Kamel
|-
!Höcker
|0
|1
|2
|}

  Lama Dromedar Kamel
Höcker 0 1 2


Zellen farbig hinterlegen

Mit style="background: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"
|&nbsp;
!Lama
!Dromedar
! style="background:#ABCDEF;" |Kamel
|-
!Höcker
|0
|1
| style="background: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.