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 'pagina's' 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). - Bijschrift
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. - Responsive - striped
Deze stijl geeft je tabel een gestreept kleurtje met grijze en witte banen. - Slide - striped
Hierbij heb je de visuele weergave van striped, maar op mobiel zal er een handje verschijnen om de tabel volledig te bekijken.