Hoe maak ik een tabel in het CMS?

Met behulp van tabellen kun je verschillende soorten infomatie structureel ordenen. Je zou een tabel kunnen gebruiken om prijzen toe te voegen, of stukjes tekst naast elkaar te zetten. In het CMS heb je een aantal verschillende opties om een tabel te maken.

Een tabel opzetten

Om een nieuwe tabel op te zetten ga je naar de 'pagina module' en bewerk je de pagina waar je een tabel aan toe wilt voegen. Vervolgens klik je in de WYSIWYG editor op het icoontje om een tabel te maken.

Met deze knop kun je een tabel toevoegen

Als je op het icoon hebt geklikt opent een popup waarmee je de tabel op kunt zetten. In de tabel vindt je de volgende opties:

Tabeleigenschappen

• Rijen
  De hoeveelheid rijen die de tabel moet hebben (rijen gaan van boven naar beneden).
• Kolommen
  De hoeveelheid kolommen die de tabel moet hebben (kolommen gaan van links naar rechts).
• Koppen
  Je kan een kop geven aan een kolom en/of een rij, bijvoorbeeld als titel.
• Randdikte
  Hoe dik moet de rand om de tabel zijn. Je geeft dit aan in de hoeveelheid pixels. Wil je geen zichtbare rand om je tabel hebben, dan vul je 0 in.
• Uitlijning
  Hoe moet de tabel worden uitgelijnd op de pagina. (links, gecentreerd of rechts van de pagina).
• Breedte
  Hier kun je de breedte opgeven van de tabel in pixels of procenten. Wij raden aan om altijd een breedte van 100% te gebruiken, zodat de tabel mee schaalt met de breedte van de pagina.
• Hoogte
  De hoogte van de tabel (wordt aangeraden om leeg te laten).
• Celafstand
  De ruimte om de cellen heen (wordt aangeraden om leeg te laten).
• Celopvulling
  De ruimte binnen de cellen (wordt aangeraden om leeg te laten).
• Titel
  Hiermee kun je een kop toevoegen boven de rijen.
• Samenvatting
  Hier kun je een korte samenvatting toevoegen over de gegevens van de tabel.

Geavanceerd (hier hoef je niks mee te doen)

• ID
  De optie om een id mee te geven aan de tabel (wordt aangeraden om leeg te laten).
• Schrijfrichting
  Je kan de schrijfrichting van de content in de tabel aanpassen (wordt aangeraden om leeg te laten).
• Stijl
  De optie om extra styling toe te voegen door middel van CSS (wordt aangeraden om leeg te laten).
• Stylesheet-klasse
  De mogelijkheid om een klasse op de tabel te zetten (wordt aangeraden om leeg te laten).

Om een tabel aan te maken vul je onder 'tabeleigenschappen' de hoeveelheid rijen en kolommen die je wilt gebruiken in. Wij raden aan om de breedte van de tabel op 100% te zetten, zodat je op andere apparaten als je mobiel of een tablet ook een juiste tabel te zien krijgt. Druk op 'ok' om de tabel te plaatsen.

Een stijl aan de tabel geven

Wanneer je de tabel hebt aangemaakt en helemaal heb gevuld kun je de tabel nog een stijl meegeven. Zorg dat je op de tabel geklikt hebt en ga vervolgens naar het tabje 'stijl' in de WYSIWYG editor.

Met deze knop kun je een stijl kiezen voor de tabel

Je kunt in het standaard CMS kiezen voor de volgende stijl opties voor jouw tabel:

• Responsive
  Zorgt ervoor dat de tabel altijd meeschaalt met alle apparaten. Wij raden aan, wanneer je geen andere stijl wilt gebruiken, om altijd deze stijl aan te zetten.
• Striped
  Deze stijl geeft je tabel een gestreept kleurtje met grijze en witte banen.
• Striped met header
  Deze stijl geeft je tabel een gestreept kleurtje met grijze en witte banen en de ruimte om een kopje toe te voegen.
• Slide
  Hierbij heb je de visuele weergave van striped, maar op mobiel zal er een handje verschijnen om de tabel volledig te bekijken.
• Slide met header
  Hierbij heb je de visuele weergave van striped met header, maar op mobiel zal er een handje verschijnen om de tabel volledig te bekijken.