2019.1

Table
Tables serve two different purposes: they are a way to display data in a tabular format, and they
are also a way to position elements on a page.
In HTML email, Tables are the most reliable way to position text and images; see "Designing
an Email template" on page156. In web pages, on the other hand, Inline Boxes are the
preferred way to position elements. Tables should only be used to display data in a tabular
format, not to position text and images. Tables used in web pages to position elements make
those pages less accessible to users with disabilities and to viewers using smaller devices.
In print, Tables can be used for both purposes.
HTML element: table
When you add elements, such as text, images or a table, to the content of a template, you are
actually constructing an HTML file. It is possible to edit the source of the HTML file directly in
the Designer; see "Editing HTML" on page180.
The HTML tag of a Table is <table>. Tables are divided into table rows with the <tr> tag. Table
rows are divided into table data with the <td> tag. A table row can also be divided into table
headings with the <th> tag.
The tags <thead>, <tbody> and <tfoot> can be used to group the header, body, or footer content
in a table, respectively.
For information about HTML tables and a list of attributes, see
https://www.w3schools.com/html/html_tables.asp.
Inserting a Table
1.
On the toolbar, click the Insert Table button, or on the menu select Insert > Table >
Standard.
2. Enter the Table's desired attributes:
l
ID: a unique identifier for the Table. IDs are used to access the Table from scripts
and as CSS selectors for style rules.
l
Class: A class identifier for the Table. Classes can be shared between elements
and are used to access the Table from scripts and as CSS selectors for style rules.
l
The number of rows for the header, body and footer of the Table.
Page 260