How do I add a table to my content?

The HTML editor in the CMS can be used to simply add a table to the page content.

Select the table tool from the editor toolbar to open table properties. 

table-html-cms-08

  • Add row & columns
  • Select headers
  • Remove width & height and cell spacing & padding as we want the table to be responsive in different screens sizes / devices.

table-html-cms-09

 

Customise the table by adding classes to style it, and then click on the OK button to save your changes.

table-html-cms-10
In our example we have added Stylesheet Classes "table table-striped tabled bordered".

See bootstrap tables for examples.

 

You can easily add content to your table by using the visual editor.

table-html-cms-07

Right click on or mouse over the table to get properties and easily add and delete rows and columns in your table.

table-properties

 

To have more precise control over the HTML, you can switch to the source view. This allows you to make detailed adjustments and modifications to the code.

table-html-cms-06

Read more about the copy & paste tool to clean the text you are adding to the CMS.