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).

Table (Sortable)

This table allows users to reorder rows in ascending or descending order by clicking column headers. You can sort columns by date, month, position(1st, 2nd, etc.), numeric value, or alphabetical order.

Month	Percent	Count	Rank (Cardinal)	Unix Timestamp	State
March	20.6%	23,612	3rd	March 27, 2012	Alaska
April	2.6%	-32	1st	April 9, 2021	Arizona
January	-3.6%	0.002	2nd	January 20, 2021	Utah
December	-300.6%	0	4th	December 16, 2020	Hawaii

Optional caption

How to author:

In the DA menu, go to Library > Blocks > Table and select Table (Sortable).

OR
Select any tables in the DA menu, then add sortable to parentheses, and separate classes with a comma