Skip to Content

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.

  • Using Responsive Tables

    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. Follow the guidelines for creating accessible tables in OU Campus on the Digital Accessibility site to make your table content inclusive.

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