Tabel

Het Tabel-blok rendert een echte HTML-tabel met kolomkoppen en rijen. Beter dan een tabel "namaken" met spaties of in een Code-blok, want responsive en toegankelijk.

Hoe het op de site verschijnt

Velden

Veld	Type	Verplicht	Wat erin?
Tabel	Tabel-editor (kolommen + rijen)	Ja	De volledige tabel-inhoud, kolom voor kolom en rij voor rij.

Per kolom kan je instellen:

• Kop (heading) — de tekst bovenaan de kolom
• Breedte (in % of px) — laat leeg om automatisch te schalen
• Uitlijning — links, midden of rechts (typisch links voor tekst, rechts voor cijfers)

Rijen toevoegen / verwijderen

• Klik op het + rechts van een rij om een nieuwe rij eronder toe te voegen.
• Sleep aan de greep links om rijen te herordenen.
• Klik op het vuilnisbak-icoon om een rij te verwijderen.

Hoe het rendert

• Standaard tabel-styling van de site: lichtgrijze afwisselende rij-achtergrond (zebra-strepen), geen rasters.
• Eerste rij = kolomkoppen in vetgedrukte kop-cel.
• Responsive: op smalle schermen krijgt de tabel een horizontale scroll-balk i.p.v. te breken.

Wanneer gebruiken

• Prijslijst: producten in de eerste kolom, prijs in de tweede.
• Productvergelijking: features in de eerste kolom, varianten als kolomkoppen.
• Openingsuren (apart blok per dag is omslachtig).
• Kenmerken-tabel: technische specificaties.

Wanneer niet gebruiken

• Voor een korte opsomming — gebruik een lijst in Tekst. Een 1-koloms tabel is gewoon een lijst die als tabel verkleed is.
• Voor visueel complex layout — een tabel is voor gestructureerde data, niet voor decoratie.

Tips

• Houd de kolommen kort: lange teksten in cellen breken op smal scherm slecht. Maximum 1 à 2 zinnen per cel.
• Maximaal 4 à 5 kolommen — meer wordt onleesbaar op tablet/mobiel.
• Cijferkolommen rechts uitlijnen: makkelijker visueel te vergelijken.
• Geen tabel als enige inhoud van een pagina: omkader met een korte intro (Tekst ervoor) en eventueel een conclusie of CTA-knop erna.

Veelgemaakte fouten

• Lege cellen — vul altijd iets in (een streepje - of n.v.t.), anders oogt de tabel slordig.
• Inconsistente formattering (bv. sommige prijzen met €, andere zonder) — ofwel overal eenheid mee, ofwel nergens (en dan de eenheid in de kolomkop).
• Te brede tabel waarvan de bezoeker een scrollbalk ziet — verminder kolommen of vereenvoudig de tekst.