Skip to Content

All University of South Carolina system institutions will be closed through the end of the spring semester. Columbia campus virtual instruction will continue through the conclusion of final exams in May. Details can be found on the coronavirus landing page.

Communications and Public Affairs

Responsive Tables

Tables are a great way to display structured information such as a curriculum, degree requirements, or deadlines and fees.

  • Tables can be modified to accommodate up to five columns and any number of rows. The CMS includes built-in, styled tables for you that have alternating backgrounds on each row. These tables are built so that on a mobile device the table restructures to display the header as labels on each row. Tables must have a header row and text for each header to make this functionality work properly.

  • responsive table example
pro tip

Standard Tables

Most tables should be built using the responsive tables snippet so that it responds accurately. If you have a complicated table using merged cells, you can build tables manually using the editor toolbar. This way, the table columns squish as it responds on a mobile device. Be sure to test your page to make sure its useable on a mobile device.

Challenge the conventional. Create the exceptional. No Limits.