Het is mogelijk om eenvoudige tot zeer ingewikkelde tabellen te maken met de Wiki-software. Deze tabellen kunnen handig zijn om veel informatie op een overzichtelijke manier weer te geven, maar je kunt ze ook gebruiken om bijvoorbeeld screenshots netjes te rangschikken.
Tabelstructuur
Basis
Iedere tabel bestaat uit dezelfde basisopmaak. De code van een tabel begint met {|, en eindigt met |}. Je kunt een nieuwe kolom (verticaal) maken door cellen onder elkaar te zetten, afgescheiden door |. Een nieuwe rij (horizontaal) maak je door |- toe te voegen. Let op dat je vervolgens wel weer een nieuwe cel moet maken met het verticale balkje (ook bekend als pipe character). Een eenvoudige tabel met vier cellen maak je dus als volgt:
{|
|A
|B
|-
|C
|D
|}
Celtypes
Naast de gewone cellen die je maakt met het verticale streepje, is het mogelijk om twee andere soorten cellen te maken. De eerste is een tabelhoofd, die maar één keer in een tabel voor kan komen. Deze plaats je tussen de openingscode van een tabel en de eerste rij, en maak je met |+. Ook kun je de tabel kopjes geven. Deze kun je zo vaak gebruiken als je wilt, maar bij voorkeur gebruik je ze op één rij. In plaats van het verticale streepje, gebruik je nu een uitroepteken (!).
{|
|+Tabel
|-
!Kop 1
!Kop 2
|-
|A
|B
|-
|C
|D
|}
Tabelhoofd
| Kop 1
|
Kop 2
|
| A
|
B
|
| C
|
D
|
Tabelopmaak
Tabel
Je kunt de eigenschappen van de tabel aanpassen in de bovenste regel, direct achter {|. Daarachter is het mogelijk om verschillende attributen te plaatsen, zoals het style-attribuut. Daarbinnen kun je verschillende eigenschappen aan de tabel toekennen, zoals een achtergrondkleur (background-color), een rand (border) of een vaste breedte en hoogte (width en height respectievelijk). Door randen aan de tabel toe te voegen, kun je de tabel duidelijker naar voren laten komen op een pagina.
{|style="width: 200px; border: 1px solid black"
|A
|B
|-
|C
|D
|}
Cel
Je kunt ook iedere cel aparte eigenschappen geven, zoals bijvoorbeeld een eigen achtergrondkleur. Nu zet je het style-attribuut niet achter de openingscode voor de tabel, maar bij de cel zelf. Let op dat je na de attributen opnieuw afsluit met een verticaal streepje.
{|style="width: 200px; border: 1px solid black"
|style="background-color: orange"|A
|B
|-
|style="background-color: orange"|C
|D
|}
colspan en rowspan
Met het attribuut colspan (column span, hoeveel kolommen de cel beslaat) en rowspan (row span, hoeveel rijen de cel beslaat) kun je cellen meerdere rijen of kolommen laten beslaan.
{|style="width: 200px; border: 1px solid black"
|colspan="2"|Tabel
|-
|style="background-color: orange" rowspan="2"|A
|B
|-
|D
|}
Meer opmaak
Met andere opmaakcodes kun je de tabel aanpassen aan je wensen. Kijk hoe andere tabellen opgebouwd zijn om nieuwe opmaakmogelijkheden te zien. Voor een uitgebreide en actuele lijst met opmaakcodes, zie de CSS reference van Mozilla.
{|style="width: 200px; height; 50px; border: 1px solid orange"
|style="background-color: orange" colspan="2"|Tabel
|-
|style="background-color: orange; text-align: center" rowspan="2"|A
|B
|-
|D
|}
Veelgebruikte tabellen
Veel tabellen op WikiGTA zijn opgemaakt volgens de opmaak een van de twee onderstaande tabellen.
| Titel
|
| Regel 1
|
Inhoud
|
| Regel 2
|
Inhoud
|
|
{|cellpadding="3" cellspacing="1" style="width:150px;border:solid orange 1px;margin:5px"
!colspan=2 style="background:orange;text-align:center"|Titel
|-
|style="background:orange;text-align:right"|'''Regel 1'''
|Inhoud
|-
|style="background:orange;text-align:right"|'''Regel 2'''
|Inhoud
|}
|
| Kolom 1
|
Kolom 2
|
| Regel 1
|
Inhoud
|
| Regel 2
|
Inhoud
|
|
{|border=1 cellpadding=3 cellspacing=1 style="width:150px;background:#FEFAE7;border:solid orange 1px;border-collapse:collapse;margin:5px"
!style="background:orange"|Kolom 1
!style="background:orange"|Kolom 2
|-
|Regel 1
|Inhoud
|-
|Regel 2
|Inhoud
|}
|
| Kolom 1
|
Kolom 2
|
| Regel 1
|
Inhoud
|
| Regel 2
|
Inhoud
|
|
{|class="wikitable"
!Kolom 1
!Kolom 2
|-
|Regel 1
|Inhoud
|-
|Regel 2
|Inhoud
|}
|
Bij de laatste (wikitable) tabel kunnen bovendien nog extra classes worden toegevoegd om de tabel extra op te maken. Op dit moment zijn de volgende classes beschikbaar:
| Class
|
Uitwerking
|
Voorbeeld
|
| alt-rows
|
Zorgt ervoor dat de rijen ter verduidelijking afwisselend gekleurd worden
|
Voertuigen (GTA V)
|
| with-logos
|
Zorgt ervoor dat de rijen dezelfde hoogte toegewezen krijgen
|
BAWSAQ
|
Sorteerbare tabel
Je kunt een tabel eenvoudig veranderen in een sorteerbare tabel door de code class="wikitable sortable" toe te voegen aan de tabeleigenschappen. De bovenste rij wordt dan automatisch de titelrij en krijgt knoppen waarmee de andere rijen te sorteren zijn. Een simpel voorbeeld van een sorteerbare tabel staat hieronder.
{|class="wikitable sortable"
!Naam
!Voertuig
!Topsnelheid in km/u
|-
|Banshee
|Auto
|200
|-
|Dinghy
|Boot
|80
|-
|Hydra
|Vliegtuig
|250
|}
| Naam
|
Voertuig
|
Topsnelheid in km/u
|
| Banshee
|
Auto
|
200
|
| Dinghy
|
Boot
|
80
|
| Hydra
|
Vliegtuig
|
250
|
Opmerkingen
- Je kunt gewone opmaak zoals borders, kleuren, etc. nog steeds toevoegen aan sorteerbare tabellen.
- Je kunt geen cellen samenvoegen met colspan of rowspan in een sorteerbare tabel; alle kolommen en rijen van de tabel moeten dezelfde opbouw hebben. Ongebruikte cellen mogen leeg zijn, maar ze mogen niet ontbreken.
- Een sorteerbare tabel herkent getallen met meer cijfers als groter dan getallen met minder cijfers (200 > 80), maar alleen als er alleen cijfers in de gehele kolom staan. Is dat niet het geval, dan worden getallen op het eerste cijfer gesorteerd (80 > 200, want 8 is hoger dan 2). Dit kan worden voorkomen door een 0 voor getallen met minder cijfers te zetten (200 > 080). Deze nul kan onzichtbaar gemaakt worden met de code
<span style="display: none">0</span>. Zie onderstaand voorbeeld:
| Auto
|
Topsnelheid in km/u
|
Topsnelheid 2
|
Topsnelheid 3
|
| Auto 1
|
100
|
100 km/u
|
100 km/u
|
| Auto 2
|
150
|
150 km/u
|
150 km/u
|
| Auto 3
|
80
|
80 km/u
|
080 km/u
|
| Auto 4
|
220
|
220 km/u
|
220 km/u
|
- Cellen worden gesorteerd op de inhoud, en niet op de eigenschappen van de cel. Lege cellen met een rode en groene achtergrondkleur worden dus niet gesorteerd.
- Kolommen zijn onsorteerbaar te maken door
class="unsortable" toe te voegen aan de eigenschappen van de titelcel. De cellen in deze kolom wisselen mee wanneer hun rij van positie verandert, maar de knop bovenin de kolom verschijnt niet. Dit is handig wanneer er bijvoorbeeld een kolom afbeeldingen in de tabel staat.
- Meer info over sorteerbare tabellen vind je op meta.wikimedia.org/wiki/Help:Sorting (Engels).
