De
WikiMarkup die gebruikt wordt in
ScrewTurn Wiki support het gebruik van tabellen. Het invoegen van een tabel is simpel, het aanpassen van het uiteriljk van een tabel is al wat lastiger. Daarom even een korte uitleg over het invoegen en aanpassen van tabellen.
1 - Standaard Tabellen
Een simpele tabel is opgebouwd uit enkele rijen, en elke rij bestaat uit zogenaamde cellen.
{|
| Cell 1.1
| Cell 1.2
|-
| Cell 2.1
| Cell 2.2
|}resulteert in
| Cell 1.1 | Cell 1.2 |
| Cell 2.1 | Cell 2.2 |
Het zelfde resultaat kan gerealiseerd worden door
{|
| Cell 1.1 || Cell 1.2
|-
| Cell 2.1 || Cell 2.2
|}Zoals je kunt zien start een tabel met
{| en eindigt met
|}. Een enkele pipe begint een cell van de tabel, terwijl een pipe met een hyphen (
|-) een nieuwe rij start.
Een dubbele pipe maakt 2 cellen aan in dezelfde rij.
2 - Geadvanceerde Opties
Een tabel kan een
kop (of titel) hebben. Dit kun je specificeren met behulp van een pipe en een plus teken meteen na de openings tag.
{|
|+ Dit is een tabel
| Cell 1.1 || Cell 1.2
|-
| Cell 2.1 || Cell 2.2
|}resulteert in
Dit is een tabel| Cell 1.1 | Cell 1.2 |
| Cell 2.1 | Cell 2.2 |
Je kunt ook rij en cell kopjes gebruiken; deze worden geidentificeerd met een uitroepteken.
{|
! Cells x.1 !! Cells x.2
|-
| Cell 1.1 || Cell 1.2
|-
| Cell 2.1 || Cell 2.2
|}resulteert in
| Cells x.1 | Cells x.2 |
|---|
| Cell 1.1 | Cell 1.2 |
| Cell 2.1 | Cell 2.2 |
Je kunt kopjes toepassen in rijen.
{|
! X !! x.1 !! x.2
|-
! 1.x
| Cell 1.1 || Cell 1.2
|-
! 2.x
| Cell 2.1 || Cell 2.2
|}resulteert in
| X | x.1 | x.2 |
|---|
| 1.x | Cell 1.1 | Cell 1.2 |
|---|
| 2.x | C |
|---|
ell 2.1Cell 2.2 |
3 - Het uiterlijk van een tabel
Je kunt het uiterlijk van een tabel wijzigen met behulp van XHTML tags.
{| border="1" bgcolor="Gray"
| Cell 1.1 || Cell 1.2
|-
| Cell 2.1 || Cell 2.2
|}resulteert in
| Cell 1.1 | Cell 1.2 |
| Cell 2.1 | Cell 2.2 |
Je kunt ook het uiterlijk van een rij wijzigen.
{| cellspacing="0" cellpadding="2" border="1"
|- style="background-color: Red; color: White;"
| Cell 1.1 || Cell 1.2
|- style="font-weight: bold;"
| Cell 2.1 || Cell 2.2
|}resulteert in
| Cell 1.1 | Cell 1.2 |
| Cell 2.1 | Cell 2.2 |
Zelfs de cellen kunnen
gestyled worden.
{|
| bgcolor="Blue" | Styled Cell
| Normale cell
|-
| Normale cell
| bgcolor="Yellow" | Styled cell
|}resulteert in
| Styled Cell | Normale cell |
| Normale cell | Styled cell |
4 - Cellen Samenvoegen
Je kunt XHTML attributen gebruiken om twee of meerdere cellen samen te voegen (horizontaal of verticaal).
Let op: niet alle browsers supporten dit.
{|
| colspan="2" bgcolor="Red" | Cell
|-
| Cell || Cell
|}
resulteert in
Terwijl
{|
| rowspan="2" bgcolor="Red" | Cell
| Cell
|-
| Cell
|}resulteert in
5 - Positionering
Je kunt een tabel zowel in het midden als rechts plaatsen van een pagina.
{| align="right" border="1"
| Cell || Cell
|}resulteert in
terwijl
{| style="margin: 0px auto;" border="1"
| Cell || Cell
|}resulteert in
6 - Alles samen
{| cellspacing="0" cellpadding="2" style="background-color: #EEEEEE;"
|+ Styled Tabel
|- style="background-color: #990000; color: #FFFFFF;"
| Dit is een cell || Dit is een cell || Dit is een cell
|-
| style="background-color: #000000; color: #CCCCCC;" | Styled cell
| style="border: solid 1px #FF0000;" | Styled cell
| '''Normale cell'''
|-
| Normaal || Normaal || [Download]
|}resulteert in
Styled Tabel| Dit is een cell | Dit is een cell | Dit is een cell |
| Styled cell | Styled cell | Normale cell |
| Normaal | Normaal | Download |