Available for e-Detailers / e-Detailer briefs / emails / email briefs / email fragments / website / landing page brief / messenger ad
You can use the TABLE
component in emails to arrange content in rows and columns or create an agenda for an upcoming event. In addition to the text-based components, you can fill the table with images and buttons.
To add TABLE
to your content item, drag it from the Components
tab on the elements panel to the content item layout.
The table consists of the following:
[1] Columns with the column-selection control on top
[2] Rows with the row-selection control on the left
[3] Cells
[4] Table-selection control
To move the table on the content item layout, hold down the table-selection control and drag the table to the required position.
The default number of rows and columns depends on the content item type. To configure the properties of the whole table, column, row, or individual cell, click the matching selection control or the required cell and go to the Properties tab.
Here, you can customize the following:
Set the cell merging behavior.
Click the table-selection control on the layout and set the
Horizontal
option to merge all table columns into one.Click the table-selection control on the layout and set the
Vertical
option to merge all table rows into one.Click the required column-selection control on the layout and set the
Merged
option to merge all column cells.Click the required row-selection control on the layout and set the
Merged
option to merge all row cells.
To split cells, choose the table, column, or row on the item layout and select Unmerged
in the list.
Merging cells with different values and styling keeps the value of the upper-left cell only and discards all others.
The Unmerged
option doesn't restore the discarded values and styling.
You can't selectively merge cells within the table.
Properties and styling of merged and unmerged cells are configured independently.
Align values in the table, column, row, or cell.
Add columns and rows to your table with the
+
button.The table can contain a different number of elements depending on the item type.
Columns: up to 7 in emails and messenger ads, and 26—in e-Detailers and websites.
Rows: up to 10 in emails, and no limitations for other content item types.
Manage columns and rows with the following controls:
Control | Action |
Duplicate the required column/row. The copy appears next to the original one, preserving the source values and styling | |
Delete the column/row |
Change the order of columns/rows. For this, hover over the element, hold down the control, and drag it to the required position in the list.
Set the orientation of the table columns in emails for the mobile version with the
Rearrange table for mobile view
checkbox. Select the checkbox to arrange the table columns and their components vertically.
You can also customize the table cells with the following components:
Text—available for all content item types.
To add a component to the table, drag it to the required cell. Select the component on the layout to set its properties.
You can add only one component per cell. Dragging the added component within the table isn't available.
Inline editing
eWizard Editor allows you to customize the table component not only on the Properties
tab, but directly on the layout.
You can modify the column width or the row height in the following way:
Сlick the table-selection control.
Hover the mouse over the column or row border.
Resize the column or row area with a sizing handle.
You can delete, duplicate, and comment on the table. For this, right-click the table component on the layout and select the required option in the context menu.
To duplicate the table/element:
Select the table/element.
Click .
The duplicated table/row appears below the original one. The duplicated column appears to the right of the original one. Their source formatting is preserved.
To delete the selected table/element, click .
Styling
To configure the whole table, column, row, or individual cell styling, click the matching selection control or the required element and go to the Styling tab. Here, you can do the following:
Set fill and border for the whole table or an individual cell.
When you change the fill or border of the whole table, this discards the styling of a column, row, or individual cell, if any.
Set padding and corner radius for an individual cell.