Adding a table

Are you looking to add a styled table to your site, maybe to list prices or sports fixtures? Using our HTML snippet tool and a third party table generator, you can easily create a fully customised table. Go to the Tables Generator website to get started designing your table.

 

table1.png

 

Begin editing your table. You can change colours and fonts of certain rows or columns, by clicking the numbers and letters next to the column/row you want to edit.

 

table2.png

 

You can use pre-set themes (click the 'Theme' button) or just create your own table from scratch. You can customise almost anything- borders, fonts and styles.

 

table3.png

 

To add text, double click in any cell.

 

table4.png

 

Add a new row by clicking the 'Row' tab > 'Insert below/above'.

 

table5.png

 

When the table is ready, click 'Generate' to produce the code.

 

table6.png

Copy all the table code by clicking 'Copy to clipboard'.

Navigate back to your site editor and insert an HTML snippet via the 'Insert' tab > 'HTML Snippet'. From the floating Editor, click on the 'Setup' tab and paste your code into the box provided. Click 'Apply'.

 

table8.png

 

Save your changes and view the live site to preview the table. The table HTML code does not have sizes defined, so some of the table may be cut off. If this is the case, go back to the editor and resize the widget by clicking and dragging the corners.

Powered by Zendesk