Benutzer-Werkzeuge

Webseiten-Werkzeuge


comp:exttab1

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen gezeigt.

Link zu dieser Vergleichsansicht

comp:exttab1 [2008-08-23 1002]
werner angelegt
comp:exttab1 [2010-11-03 1251] (aktuell)
werner Hinweis auf DokuWiki im Seitentitel
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