Components

Reusable components and styling options that can be used with most content types.

Tables

When you should use a table

Tables should be used sparingly when it is the only effective way to display the content.

Tables should only be used to present data.

Do not use tables to make cosmetic changes to the layout, such as presenting a list, because you think it looks better that way.

Consider the alternatives

A table may not always be the best way to present your content.

A simple table can often be replaced with a:

  • series of bulleted lists with headings and subheadings
  • single bulleted list, using commas to separate the information

How to add a table

Tables can be included on a page using the toolbar in the WYSIWYG editor.

Example

Header 1 Header 2
Row 1 header normal text
Row 2 header normal text

Example of a responsive table:

Must be viewed on mobile.

Header 1 Header 2 Header 3 Header 4 Header 5 Header 6 Header 7
Row 1, Column 1 Row 1, Column 2 Row 1, Column 3 Row 1, Column 4 Row 1, Column 5 Row 1, Column 6 Row 1, Column 7
Row 2, Column 1 Row 2, Column 2 Row 2, Column 3 Row 2, Column 4 Row 2, Column 5 Row 2, Column 6 Row 2, Column 7
Row 3, Column 1 Row 3, Column 2 Row 3, Column 3 Row 3, Column 4 Row 3, Column 5 Row 3, Column 6 Row 3, Column 7

 

Chat with us