The Table component is used to present structured content within a page. It is suitable for comparisons, pricing overviews, or tabular information. The table is static and does not provide sorting or filtering functionality.

Functionality

Rows and columns can be freely added or removed within the table editor. Using the three-dot controls along the top and left axis, rows and columns can be inserted or deleted.

Within the editor, two separate toggles are available to fix the first row and the first column.

Step-by-Step Guide

Create a Table

Open the page editor
Use the Plus icon under Content to select the Table component

Option 1: Edit Content in the Table Editor

Open the table editor
Select a cell
Define the content type (Rich Text Editor, Link Options, or Image)
Insert the content
Add or remove rows and columns using the three-dot controls
Optionally fix the first row and/or first column using the respective toggles

Option 2: Import Content via CSV

Select “Upload CSV”
Define separator and encoding
Upload the file
Review the content and adjust formatting if necessary

Note: The CSV upload imports content and resets existing formatting.

Layout and Styling

The table width can be set to Default, Wide, or Full using the layout toggle.

A color scheme can be applied to the entire component, including its side background. Additionally, within the table editor under the Cell tab, background colors from the project’s color scheme can be selected, border lines can be styled, and horizontal and vertical alignment can be defined.

Important Note

The Table component is not responsive. On tablet and mobile devices, larger tables will create scroll behavior within the table. Tables should therefore be planned carefully for smaller screen sizes.