Pagina: Tabellen

Introductie

Met een table component kun je eenvoudige tabellen opnemen. Je geeft het aantal kolommen op, en vervolgens voeg je cellen toe. Het aantal rijen wordt bepaald door de cellen te verdelen over de beschikbare kolommen. Je kunt de bovenste rijen als heading toekennen door het aantal rijen in het header_rows veld in te voeren.

Voorbeeld tabel

Voor gevorderden

Met wat css-kennis kun je snel kolommen of cellen een specifieke styling geven. Hiervoor gebruik je de key van de betreffende kolom of cel, deze wordt voorzien van een prefix (zoals in de tabel hiernaast te zien is). Daarnaast embed je ook een css-component op de pagina waarin je de precieze styling invult.

In het voorbeeld hiernaast is de Prefix-kolom voorzien van de prefix-key, en de cel met type Cel heeft als key cell meegekregen. Kijk via de webeditor in het css-component op de pagina om te zien hoe we hiermee omgaan.

Voorbeeld tabel met custom styling