Table
A table shows information in columns and rows. Sower offers three variations of a table.
This component is based on USWDS.
Table (Standard - Responsive)
On mobile-sized screens, this table will display vertically.
| Header 1 | Header 2 | Header 3 | Header 4 | Header5 |
| text | text | text | text | text |
| text | text | text | text | text |
| text | text | text | text | text |
Optional caption
How to author:
-
In the DA menu, go to Library > Blocks > Table and select Table (Standard - Responsive).
Table (Scrollable)
On mobile-sized screens, this table will remain horizontal and be scrollable.
| Header 1 | Header 2 | Header 3 | Header 4 | Header5 | Header6 | Header7 |
| text | text | text | text | text | text | text |
| text | text | text | text | text | text | text |
| text | text | text | text | text | text | text |
Optional caption
How to author:
-
In the DA menu, go to Library > Blocks > Table and select Table (Scrollable).
Table (Scrollable - Column Heading)
On mobile-sized screens, this table will remain horizontal and be scrollable. All rows in the first column will be styled as headers.
| Header 1 | Header 2 | Header 3 | Header 4 | Header5 |
| text | text | text | text | text |
| text | text | text | text | text |
| text | text | text | text | text |
Optional caption
How to author:
-
In the DA menu, go to Library > Blocks > Table and select Table (Scrollable).
