Benutzer-Werkzeuge

Webseiten-Werkzeuge


comp:exttab1
Übersetzungen dieser Seite?:

DokuWiki: 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

</exttab1>

Weitere Beispiele übernommen von http://www.mediawiki.org/wiki/Help:Tables. Der Sourcecode findet sich derzeit nur unter plugin:exttab1 :-)

Bsp. 1 Plain

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

<exttab1> {|

</exttab1>


Bsp. 2 Alternative

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

<exttab1> {|

Orange Apple
Bread Pie
Butter Ice cream

</exttab1>


mit HTML-Attributen

Bsp. 3

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

<exttab1> {|border=„1“

</exttab1>


Bsp. 4

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

<exttab1> {| align=„center“ border=„1“

</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“

align=„right“
align=„right“
align=„right“

</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“

align=„right“
align=„right“
align=„right“

</exttab1>


Bsp. 7

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

<exttab1> {| cellspacing=„0“ border=„1“

</exttab1>


Bsp. 8

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

<exttab1> {| cellpadding=„20“ cellspacing=„0“ border=„1“

</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“

</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

</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

</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

!Dish

!Complement

</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

!align=„right“ |Dish

!align=„right“ |Complement

</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“

</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;“

</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…

comp/exttab1.txt · Zuletzt geändert: 2010-11-03 1251 von werner