Insert and edit tables

In messages, tables are often used as a simple tool to manage the layout. You can use the first and the last row as a header and footer. You use your columns to arrange your content and to manage margins. 

This article will tell you if and how you can manage tables in our three tools to create a message. 

Drag & Drop Builder

Tables are not used in the Builder. In order to arrange the layout in responsive columns and rows we suggest you use structures and columns.

Wizard template

In the Wizard templates, you can use the Content Editor element to write custom HTML, where you can add tables via your custom code, similarly to the HTML Editor.

HTML Editor 

1. Open a message created with the HTML Editor.
2. Click on the Insert/Edit button to insert a table in your template.

   

3. Edit the General and Advanced options until have the perfect plan for the table you want to add to your template - in your General settings you probably want to adjust the number of columns and rows, your cell padding and cell spacing, your alignment, your width and height, and the class of your element. Enabling table caption will give you a header row. In your Advanced settings, you can give your table an ID, a style a frame, add a background image or color, a frame and color frame. Click on Insert when you are ready.
   

4. Next, when your table appears in your template you can actually drag and drop the corners to adjust the width and height of your cells.

   Support tip
   Whenever you work with templates, we strongly advise you that you make sure your guidelines are always visible. You can switch them on and off by clicking on this button - Show/Hide Guidelines/Invisible Elements.

   

5. Click on Table raw properties to revise the settings of your table. You can edit the row type, the alignment, the class and height. In the Advanced settings, you can edit the ID and style, the language and background settings. Pay attention to the dropdown at the bottom - you can apply the changes to the current row, the odd or even rows, or to the entire table. Click on Update to apply the changes.

6. Click on the Table Cell properties button to edit your cell properties. You can edit the cell type, the alignment, the class and height. In the Advanced settings, you can edit the ID and style, the language and background settings. Pay attention to the dropdown at the bottom - you can apply the changes to the current cell, the row, the column, or to the entire table. Click on Update to apply the changes.

7. The next six buttons allow you to remove or add rows or columns

   • 1. Add a row above the selected cell
   • 2. Add a row below the selected cell
   • 3. Remove row
   • 4. Add a column to the left of the selected cell
   • 5. Add a column to the right of the selected cell
   • 6. Remove column
     
8. To use the Merge button, click on the upper-left cell of the range of cells you want to merge, then select the number of cells you want to merge to the left and below. Click on Update to apply.

   

9. Click somewhere on the merged range of cells and then on the Split button to unmerge.

Related articles