Description
Tables allow web editors to arrange data into rows and columns neatly. They should exclusively be used for tabular data, which allows users to make visual associations between cell content and row or column headers. Never use tables for layout.
Tables can be included within various components that have WYSIWYG text entry, such as Accordions and the WYSIWYG component itself, but to create a component that is only a table with minimal other text around it, you can use this Table component. However you add a Table, an alternating colored background will automatically be applied to the rows.
Jump to Examples
Training Video
Parameters
Required fields
- Title
- Textarea: Create a table within the text editor with at least 2 rows and 2 columns
Recommended character limits
- Title: Maximum of 50 characters
- Description: Maximum of 170 characters
- Link Text: Maximum of 25 characters
Use Cases
Use the Table component to include a chart of important information that is not integrated within a longer WYSIWYG text block. This full-width version will be applied on pages that do not have a sidebar navigation menu like the Visit and Apply pages.
Table
Optional description lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem | Ipsum | Dolor | Sit |
---|---|---|---|
1 | 10 | 100 | 1000 |
2 | 20 | 200 | 2000 |
3 | 30 | 300 | 3000 |
4 | 40 | 400 | 4000 |