GTAGames.nl

Help:Tabellen

Van WikiGTA - De Nederlandse Grand Theft Auto Walkthrough!
Ga naar: navigatie, zoeken
WikiGTAlogo.PNG
Inhoud
Medewerkers
Medewerker worden
Medewerkers
Vakwerk
Handleiding
Bewerken
Pagina aanmaken
Afbeeldingen
Tabellen
Templates
Categorieën
Plattegronden
Categorieën
WikiGTA
Hulp
Medewerkers
GTAForum.nl
Publiek forum
Ledenforum

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
|}
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
|}
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
|}
A B
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
|}
Tabel
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
|}
Tabel
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).
Deze pagina is online te bekijken via "http://nl.wikigta.org/wiki/Help:Tabellen"