====== Erweiterte Tabellensyntax ======

Das erste Beispiel von Eric-Sebastien:

  {| width=80% align=center
  |align=center|[[wiki:page|{{wiki:dokuwiki-128.png}}]]
  |}

<exttab1>
{| width=80% align=center
|align=center|[[wiki:page|{{wiki:dokuwiki-128.png}}]]
|}
</exttab1>

Weitere Beispiele übernommen von [[http://www.mediawiki.org/wiki/Help:Tables]]. Der Sourcecode findet sich derzeit nur unter [[doku>users:wflamme:exttab1]] :-) 


===== Bsp. 1 Plain =====

  {|
  |Orange
  |Apple
  |-
  |Bread
  |Pie
  |-
  |Butter
  |Ice cream 
  |}


<exttab1>
{|
|Orange
|Apple
|-
|Bread
|Pie
|-
|Butter
|Ice cream 
|}
</exttab1>


----


===== Bsp. 2 Alternative =====

  {|
  |  Orange    ||   Apple   ||   more
  |-
  |   Bread    ||   Pie     ||   more
  |-
  |   Butter   || Ice cream ||  and more
  |}



<exttab1>
{|
|  Orange    ||   Apple   ||   more
|-
|   Bread    ||   Pie     ||   more
|-
|   Butter   || Ice cream ||  and more
|}
</exttab1>

----

===== mit HTML-Attributen =====


==== Bsp. 3 ====

  {|border="1"
  |Orange
  |Apple
  |-
  |Bread
  |Pie
  |-
  |Butter
  |Ice cream 
  |}

<exttab1>
{|border="1"
|Orange
|Apple
|-
|Bread
|Pie
|-
|Butter
|Ice cream 
|}
</exttab1>

----

==== Bsp. 4 ====

  {| align="center" border="1"
  |Orange
  |Apple
  |-
  |Bread
  |Pie
  |-
  |Butter
  |Ice cream 
  |}

<exttab1>
{| align="center" border="1"
|Orange
|Apple
|-
|Bread
|Pie
|-
|Butter
|Ice cream 
|}
</exttab1>

----

==== Bsp. 5 ====

  {| border="1"
  |Orange
  |Apple
  |align="right"|12,333.00
  |-
  |Bread
  |Pie
  |align="right"|500.00
  |-
  |Butter
  |Ice cream
  |align="right"|1.00
  |}

<exttab1>
{| border="1"
|Orange
|Apple
|align="right"|12,333.00
|-
|Bread
|Pie
|align="right"|500.00
|-
|Butter
|Ice cream
|align="right"|1.00
|}
</exttab1>

----

==== Bsp. 6 ====

für einzene Zeilen 

  {| border="1"
  |Orange
  |Apple
  |align="right"|12,333.00
  |-
  |Bread
  |Pie
  |align="right"|500.00
  |- style="font-style:italic;color:green;"
  |Butter
  |Ice cream
  |align="right"|1.00
  |}

<exttab1>
{| border="1"
|Orange
|Apple
|align="right"|12,333.00
|-
|Bread
|Pie
|align="right"|500.00
|- style="font-style:italic;color:green;"
|Butter
|Ice cream
|align="right"|1.00
|}
</exttab1>

----

==== Bsp. 7 ====

  {| cellspacing="0" border="1"
  |Orange
  |Apple
  |-
  |Bread
  |Pie
  |-
  |Butter
  |Ice cream 
  |}

<exttab1>
{| cellspacing="0" border="1"
|Orange
|Apple
|-
|Bread
|Pie
|-
|Butter
|Ice cream 
|}
</exttab1>

----

==== Bsp. 8 ====

  {| cellpadding="20" cellspacing="0" border="1"
  |Orange
  |Apple
  |-
  |Bread
  |Pie
  |-
  |Butter
  |Ice cream 
  |}

<exttab1>
{| cellpadding="20" cellspacing="0" border="1"
|Orange
|Apple
|-
|Bread
|Pie
|-
|Butter
|Ice cream 
|}
</exttab1>

----

===== Mit HTML-Attributen und CSS-Styles =====

==== Bsp. 9 ====

  {| style="color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"
  |Orange
  |Apple
  |-
  |Bread
  |Pie
  |-
  |Butter
  |Ice cream 
  |}

<exttab1>
{| style="color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"
|Orange
|Apple
|-
|Bread
|Pie
|-
|Butter
|Ice cream 
|}
</exttab1>

----

===== Tabelle mit TH Überschriften =====

==== Bsp. 10 ====

Jede Spalte 

  {| border="1" cellpadding="20" cellspacing="0"
  !Yummy
  !Yummier
  |-
  |Orange
  |Apple
  |-
  |Bread
  |Pie
  |-
  |Butter
  |Ice cream 
  |}

<exttab1>
{| border="1" cellpadding="20" cellspacing="0"
!Yummy
!Yummier
|-
|Orange
|Apple
|-
|Bread
|Pie
|-
|Butter
|Ice cream 
|}
</exttab1>

----

==== Bsp. 11 ====

  {| border="1" cellpadding="20" cellspacing="0"
  ! colspan="2"|Yummies
  |-
  |Orange
  |Apple
  |-
  |Bread
  |Pie
  |-
  |Butter
  |Ice cream 
  |}

<exttab1>
{| border="1" cellpadding="20" cellspacing="0"
! colspan="2"|Yummies
|-
|Orange
|Apple
|-
|Bread
|Pie
|-
|Butter
|Ice cream 
|}
</exttab1>

==== Bsp. 12 ====

Überschrift je Zeile

  {| border="1" cellpadding="20" cellspacing="0"
  !Fruit
  |Orange
  |Apple
  |-
  !Dish
  |Bread
  |Pie
  |-
  !Complement
  |Butter
  |Ice cream 
  |}

<exttab1>
{| border="1" cellpadding="20" cellspacing="0"
!Fruit
|Orange
|Apple
|-
!Dish
|Bread
|Pie
|-
!Complement
|Butter
|Ice cream 
|}
</exttab1>

----

==== Bsp. 12 ====

Überschrift je Zeile, rechtsbündig

  {| border="1" cellpadding="20" cellspacing="0"
  !align="right" |Fruit
  |Orange
  |Apple
  |-
  !align="right" |Dish
  |Bread
  |Pie
  |-
  !align="right" |Complement
  |Butter
  |Ice cream 
  |}

<exttab1>
{| border="1" cellpadding="20" cellspacing="0"
!align="right" |Fruit
|Orange
|Apple
|-
!align="right" |Dish
|Bread
|Pie
|-
!align="right" |Complement
|Butter
|Ice cream 
|}
</exttab1>

----

===== Tabelle mit Caption =====

==== Bsp. 13 ====

Standard: Caption am Tabellenanfang

  {| border="1" cellpadding="20" cellspacing="0"
  |+Food complements
  |-
  |Orange
  |Apple
  |-
  |Bread
  |Pie
  |-
  |Butter
  |Ice cream 
  |}

<exttab1>
{| border="1" cellpadding="20" cellspacing="0"
|+Food complements
|-
|Orange
|Apple
|-
|Bread
|Pie
|-
|Butter
|Ice cream 
|}
</exttab1>

----

==== Bsp. 14 ====

erweitert: Caption am Tabellenende

  {| border="1" cellpadding="20" cellspacing="0"
  |+align="bottom" style="color:#e76700;"|''Food complements''
  |-
  |Orange
  |Apple
  |-
  |Bread
  |Pie
  |-
  |Butter
  |Ice cream 
  |}

<exttab1>
{| border="1" cellpadding="20" cellspacing="0"
|+align="bottom" style="color:#e76700;"|''Food complements''
|-
|Orange
|Apple
|-
|Bread
|Pie
|-
|Butter
|Ice cream 
|}
</exttab1>

----

===== Schlussbemerkung =====

Hier hört es (einstweilen?) auf -- wenn jetzt noch H1...H6 in die Tabellen aufgenommen werden, wird das Formatierungschaos ausbrechen ;-) Das Suchen nach korrekten HR-, TR- und CAPTION-Tags war schon spannend genug. Und vermutlich liegt es am Template, dass manche Formatierungsanweisungen nicht wirken. Das ''class="exttab1"'' wirkt leider nicht richtig...