Table

The Table component lets you add tables to your page. You can add rows and columns, change the number of rows, copy and paste data, or import data from a CSV file.

Mobile responsiveness

By its nature, the Table component is not very mobile-responsive. Use tables only when necessary, and keep them as narrow as possible.

Intro tab

Options in the Intro tab are covered in the Components section.

Table tab

Table Caption

Text displayed right above the table. Useful for providing context or a title for the table data.

Change number of rows

Backend

Table — Table tab

Frontend

Table — Frontend

Copy & paste data

You can copy data from a spreadsheet (Excel, Google Sheets, etc) and paste it directly into the table. Set the Column Separator to match your data (typically a tab or comma).

Table — Copy & Paste

Import from CSV

1. Click Import from CSV in the table editor
2. Select a .csv file from your computer
3. The table is populated with the CSV data

Table — Import CSV

Appearance Admin

Admin

Style

Single Column (Default)

Table — Single Column

The table width may be smaller than the screen on desktop.

Multiple Columns

Table — Multiple Columns

Displays multiple tables side-by-side.

Full Width

Table — Full Width

Displays the table at full screen width.

Other options in the Appearance tab are covered in the Components section.

All fields (technical reference) — 13 fields

Field name	Machine name	Type	Role
Hidden	field_dmz_hidden	boolean	Editor
Buttons (legacy)	field_dmz_links	link	Deprecated
Background Media	field_dmz_media	reference (image, video, fotoweb)	Admin
More Link	field_dmz_more_link	link	Editor
Outer Background	field_dmz_palette_color_1	list_string	Admin
Inner Background	field_dmz_palette_color_2	list_string	Admin
Content Background	field_dmz_palette_color_3	list_string	Admin
Section ID	field_dmz_section_id	string (max 255)	Admin
Table Data	field_dmz_table	tablefield	Editor
Introductory Text	field_dmz_text	text	Editor
Text Layout	field_dmz_text_display	list_string	Admin
Introductory Title	field_dmz_title	text	Editor
Title Heading Level	field_dmz_title_tag	list_string	Admin

Colours & BackgroundsThe shared colour palette used across all components.