Add a Responsive Table

There are two types of tables: a condensed table (for data) or a stacking table (for content). The differences are described below. Please select the link of the appropriate table type for directions.

Condensed Table (Data)

A condensed table is primarily used to display data. It will contain a black border around the table and light gray borders around its cells, both in the public and admin views.

When viewed responsively, the cells will condense and tighten together to maintain the table structure within the reduced screen size.

Desktop View

Responsive View

Stacking Table (Content)

A stacking table is designed primarily for defined sections of content which span horizontally. In the admin view, light gray borders display around the cells. On the public view, these disappear.

When viewed responsively, each row's cells will stack vertically on top of one another.