Table
Layout Variant: C027
Content Type: Collection
| Teaser Title | Teaser Text | Pictures and Media | Items | CTAs |
C027 Collection | Yes | Yes | No | No | No |
Aspect Ratio:
Expected Use:
- The primary use of this component is to set up a basic formatted table. If your table is rather complex, has too many rows or columns, or if you wish to include a graph, consider using the C043 Full Width Image.
- Tables are currently available in the Generic Details layout (L022) to migrate existing tabular data to the new site. There are currently three types of tables available at this time: two Responsive versions (re-flow and overflow), and a version that opens in a new window or tab to make the table more readable in cases where the table is not responsive. These options will be used on a case-by-case basis depending on the table’s content.
Building the Component:
On the Content Tab include a Teaser Title and Text that appears at the top left of the component and set Layout Variant to C027. Your Component should contain the following:
- Teaser Title - This is the headline (in blue font) that appears above the table.
- Teaser Text - This is the body copy of the component.
- You do not need to enter the blue title within the teaser text. This is automatically pulled from the teaser title.
- Use the option in the rich text editor to create a table.
- When you select the add table option, you’ll be able to specify the number of rows and columns.
- Enter the column headings, row headings and data in each cell.
- Include text outside the table if you wish to enter information such as a total amount that you want to appear outside the table.
- Use the table options to add or remove rows and columns.
- No Image or Other Media is used for this component.
- No Items are used for this component.
- CTAs are not used on this component. This is a static component that does not have calls to action.