Styles and layout - insert (and edit) a table

Show more buttons iconThis entry relates to styles and layout, in particular the HTML editor.

Tables are useful for data. Avoid using a table for layout purposes. This is an accessibility issue and will confuse screen readers (for users with a sight disability). If you want to layout content in columns, use the Bootstrap Grid iconBootstrap Grid icon.

 


Steps – insert and edit

  1. Click the Table icontable icondisplayed in the HTML editor

  2. Enter the number of rows and columns  To make your table easier to view (particularly useful for complex tables) you can Apply styles and choose the table's Appearance (borders, width etc). 
    table options

  3. Click Create table

  4. Type information into your table
    table example

  5. To edit the table, and for additional table and cell properties, put your cursor in the table and select the Table icon in the HTML editor. Choose an option from the drop-down menu
    edit table

» How-to glossary