Benutzer-Werkzeuge

Webseiten-Werkzeuge


comp:exttab1

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

comp:exttab1 [2008-08-23 1002] – angelegt wernercomp:exttab1 [2010-11-03 1251] (aktuell) – Hinweis auf DokuWiki im Seitentitel werner
Zeile 1: Zeile 1:
 +====== 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|[[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>plugin: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...
comp/exttab1.txt · Zuletzt geändert: 2010-11-03 1251 von werner

Falls nicht anders bezeichnet, ist der Inhalt dieses Wikis unter der folgenden Lizenz veröffentlicht: Public Domain
Public Domain Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki