This article is specifically about the Table block in the drag and drop editor. For information about how to create a table in the legacy* editor, please refer to this article.

How to use the Table block

1. Navigate to your Campaigns tab.
2. Open a saved drag and drop draft or click on the Create new campaign button to create a new campaign from scratch.
3. Click on the Table block in the right panel and drag it to the desired location in your mailing.
4. Click on the block to open the Content properties panel and the blue text toolbar.
5. Click inside a cell to edit the contents.

The Table block does not have mobile styling properties. As a result, we strongly recommend that you thoroughly test your mailing before sending and adjust and / or hide your table on mobile if you dislike the way the table stacks on mobile, especially for larger tables.

How edit a table

To edit the copy in any of the cells, simply place your cursor inside the cell and begin typing. The block settings and text formatting are controlled in two places. First, there’s the blue text toolbar that is usually located just above or below the block. Second, there is the Content properties panel, which is found on the right side of the editor.

The text toolbar is typically best used to edit individual words or small phrases of text within the block. While the Content properties panel is best used for defining settings for the whole table.

Text toolbar

The blue text toolbar appears when the block is selected and typically hovers slightly above or below the block itself. It is not located in the panel on the right. Starting from the top left, the text toolbar contains the following functions:

Setting	Function / how to use
Bold	Bold / unbold the selected text.
Italicize	Add / remove italics from the selected text.
Underline	Add / remove underline from the selected text.
Strikethrough	Add / remove strikethrough from the selected text.
Text color	Change the color of selected text. Click on the dropdown arrow to select a color swatch.
Highlight	Change the background color of selected text. Click on the dropdown arrow to select a color swatch.
Superscript	Make the selected text superscript.
Subscript	Make the selected text subscript.
Special character	Insert a special character.
Nonbreaking space	Insert a nonbreaking space.
Minimize toolbar	Hide the toolbar from view.
Clear formatting	Remove formatting from the selected text.
Insert / edit link	Add or edit a link behind the selected text. For more information, please refer to this article.
Remove link	Break a link behind the selected text.
Personalize	Insert personalization. For more information, please refer to this article.

Content properties

Here are the table block settings that are found in the Content properties panel.

Setting	Function / how to use
Columns	Controls the number of columns in the table. Use the plus and minus buttons to add or remove columns from the right of the table. The maximum number of columns is 8.
Rows	Controls the number of rows in the table. Use the plus and minus buttons to add or remove rows from the bottom of the table. There is no maximum number of rows.
Border	Adjust the style, weight, and color of the table border.
Background color	Click on the color swatch to choose a background color or highlight the hex code and type in your own.
Striped rows	Click on the toggle to turn on rows with alternating colors. When this option is on, it will add the option to select a second background color.
Header row	Click on the toggle to turn the header row off or on.
Background color (header)	Click on the color swatch to choose a background color for the header row or highlight the hex code and type in your own.
Font weight (header)	Click on the dropdown menu to choose a font weight for the header row.
Font size (header)	Use the plus and minus signs to choose a font size for the header row.
Text color (header)	Click on the color swatch to choose a text color for the header row or highlight the hex code and type in your own.
Align (header)	Controls whether the header text is left, center, or right aligned.
Font family	Click on the dropdown menu to choose a font. This option applies to all cells in the table, including the header row.
Font weight (content)	Click on the dropdown menu to choose a font weight.
Font size (content)	Use the plus and minus signs to choose a font size.
Text color (content)	Click on the color swatch to choose a text color or highlight the hex code and type in your own.
Link color (content)	Click on the color swatch to choose a link color or highlight the hex code and type in your own.
Align (content)	Controls whether the text is left, center, or right aligned.
Letter spacing (content)	Changes the amount of space between each letter.
Text direction (content)	Flips the orientation of the block so that you can type right-to-left instead of left-to-right.
Line height (content)	Controls the amount of vertical space between each line of text.
Block padding	Controls the amount of space around the block. Use the plus and minus signs to adjust the padding to your liking or click on the More options toggle to adjust the padding for each side individually.
Hide on	Click on the desktop icon to hide the block on desktop devices. Click on the smartphone icon to hide the block on mobile devices.

---

* In April 2022, our legacy editor was replaced with a new drag and drop editor. Accounts that existed prior to this change still have access to the legacy editor through their previously saved templates and campaigns, however new, from-scratch campaigns can only be created in the new drag and drop editor. Accounts that were created after this change only have access to the new drag and drop editor. Please refer to our new editor FAQ article for more information.