Page: Tables

Introduction

The table component lets you easily add simple tables to your content. You define the number of columns, then add all the cells. The number of rows is determined by distributing the cells over the available columns. You can designate 0 or more rows at the top as heading rows.

Example table

Advanced usage

If you know CSS you can quickly add custom styling to columns or cells. If you enter a key for the column or cell, this is appended to the prefix specified in the example table, and added as a class on the table cell. You'll also embed a css-component on the page, where you specify the exact styling.

In the example the Prefix column had a prefix-key, while the cell with Type Cell got a key cell. Use the webeditor to open the css-component on the page to see how we got the effect ont this table.

Example table with custom styling