Tabellen zijn een handig hulpmiddel om het organisen van data, feiten en andere informatie te verbeteren. Tabellen kunnen gemaakt worden in de Rich Text Editor en ook in Wikitekst.
Rich Text Editor (RTE)
Edit
De RTE is de standaard bewerker voor alle nieuwe wiki's, en kan ingeschakeld worden voor oudere wiki's via Special:Contact.
Om een tabel te maken::

De tabel knop in de toolbar
1. In bewerk modus, klik op de tabel knop onder de "Invoeren" sectie van de bewerk toolbar.
2. Een popup box zal verschijnen, en die staat je toe om de parameters voor je tabel te kiezen.

De tabel eigenschappen
3. Als je op ok klikt, zal een tabel verschijnen tussen je tekst. Je kan nu inhoud toevoegen.
4. Als je de tabel parameters wil veranderen, gebruik dan de rechtermuisknop en breng de veranderingen aan.
Wikitekst
Edit
Sommige HTML tabel tags zijn momenteel ondersteund door MediaWiki, maar het is niet gegarandeerd dat deze zullen blijven werken. Daarom kan je gebruik maken van deze code:
Opmaak
XHTML | Wiki syntax | |
---|---|---|
Tabel | <table></table> | {| parameters |} |
Onderschrift | <caption></caption> | |+ onderschrift |
Rij | <tr></tr> | |- paramameters |
Data cel | <td>cel1</td> <td>cel2</td> |
| cel1 | cel2 |
Data cel | <td>cel1</td> <td>cel2</td> <td>cel3</td> | |cel1||cel2||cel3 |
Header cel | <th></th> | ! heading |
Zie ook Help:Table op Meta-Wiki voor meer informatie over de opmaak, inclusief informatie over hoe je tabellen sorteerbaar maakt.
Voorbeeld tabel
Edit
1 | 2 |
3 | 4 |
XHTML | Wiki syntax |
---|---|
<table> <tr> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td>4</td> </tr> </table> | {| | 1 || 2 |- | 3 || 4 |} |
Opmerkingen
Edit
- De gehele tabel begint met
{|
en eindigt met|}
. - Een onderschrift is een handige manier om je tabel te omschrijven, en kan toegevoegd worden met
|+
op de regel na{|
. - Tabel rijen zijn horizontale groepen van cellen in een tabel. Een rij begint met
|-
en eindigt bij de volgende rij. - Tabel koppen zijn cellen met koppen erin, en worden vaak vetgedrukt. Ze beginnen met
!
. Houd er rekening mee dat parameters nog steeds gesplitst zijn van de eigenlijke inhoud van de cel met|
. - Tabel data cellen vullen de rest van de tabel. Een cel begint met
|
of||
en eindigt met de volgende cel.
Elke rij moet het zelfde aantal cellen hebben als andere rijen, zodat het aantal kolommen in de tabel consistent blijft (behalve als de cellen verschillende rijen of kolommen lang is, maar dat wordt hier niet besproken). Voor lege cellen, gebruik je de niet-brekende ruimte
als inhoud om ervoor te zorgen dat de cellen weergeven worden.
Complexe layout (simpel gemaakt)
Edit
Dit complexe voorbeeld geeft een aantal opties weer die beschikbaar zijn om tabellen mee op te maken. Je kan met deze instellingen spelen in je eigen tabel om te kijken welke effecten ze hebben. Niet al deze technieken zijn geschikt in alle gevallen; je kan misschien wel gekleurde achtergronden toevoegen, bijvoorbeeld, maar dat is niet altijd een goed idee. Probeer de opmaak in je tabellen relatief simpel te houden — onthoud, andere mensen gaan waarschijnlijk de pagina ook bewerken.
First header | Second header | |
---|---|---|
linksboven | rechterkant | |
linksonder | midden, laag |
![]() | ![]() |
Welkom bij de twin cities
|
Je tabel code reflecteert de structuur. Hoewel het mogelijk is om complexe layout te maken als één tabel, is het niet aangeraden. Voor de envoud is het het beste om de layout in kleine stukken te verdelen.
Opsplitsen
Edit
Terwijl je een mooie tabel kan maken,
is het misschien beter om de tabellen op te splitsen:
layout | code | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
| {| border="1" cellpadding="5" cellspacing="0" width="330" style="border-collapse:collapse;" |+'''Een voorbeeld layout''' |- ! Eerste kop ! colspan="2" | Tweede kop |- | linksboven | | rowspan=2 | rechterkant |- | | linksonder | | onder, midden |} {| style="border:1px solid; border-top:none; width:330px;" |- || [[File:Wiki.png]] || [[File:Wiki.png]] |} |
Gebruik geen tabel voor een simpele box
Edit
Tabel code zou alleen voor tabellen gebruikt moeten worden, voor simpele boxen, gebruik <div></div>
. Bijvoorbeeld, in plaats van:
layout | code | ||||
---|---|---|---|---|---|
| {| style="border:1px solid; border-top:none; width:50%;" |- || [[File:Wiki.png]] || [[File:Wiki.png]] |- | align="center" colspan="2" style="border-top:1px solid red;"| Welkom bij de twin cities |} |
Kun je gebruiken:
layout | code | ||||
---|---|---|---|---|---|
| {| style="border:1px solid; border-top:none; width:50%;" |- || [[File:Wiki.png]] || [[File:Wiki.png]] |- | align="center" colspan="2"| <div style="border:1px solid red;">Welkom bij de twin cities</div> |} |
De complete code
Edit
Eerste kop | Tweede kop | |
---|---|---|
linksboven | rechterkant | |
linksonder | onder, midden |
![]() | ![]() |
Welkom bij de twin cities
|
{| border="1" cellpadding="5" cellspacing="0" width="330" style="border-collapse:collapse;" |+'''Een voorbeeld layout''' |- ! style="background:#efefef; color:#000;" | Eerste kop ! colspan="2" style="background:#ffdead; color:#000;" | Tweede kop |- | linksboven | | rowspan=2 | rechterkant |- | | linksonder | | onder, midden |} {| style="border:1px solid; border-top:none; width:330px;" |- || [[File:Wiki.png]] || [[File:Wiki.png]] |- | align="center" colspan="2"| <div style="border:1px solid red;">Welkom bij de twin cities</div> |}
Zie ook
Edit
- Help:Table op Meta-Wiki, waarop deze pagina was gebaseerd. Die pagina heeft meer gedetailleerde informatie, en heeft ook een aantal externe links naar sites die HTML-naar-wiki-conversie aanbieden.
- Help:Bewerken
- Online HTML naar Wikitabellen omzetten