Tables

Tables are used to create relational lists of data or text content. Tables require specific formatting to ensure they function on all devices.

This is a DIY snippet. You can add it to your pages without assistance from Digital Strategy. Make sure to follow all standards outlined in this guide.


This snippet should only be used in the Main Content Region.

 

Required and Optional Fields

  • column heading: required (must be formatted as a column heading; headings should not span multiple columns)
  • table cells: required (please don't add any empty cells)

When to Use It

Use tables to present text or numerical data in a visually organized grid. 

When to Use Something Else

Never use tables as a means to control the layout and display of content that could more easily presented in a simple way. For example, a list of content items that could be presented as a bulleted list below a header.

Don’t Do This

Admission Criteria

No GRE scores are required.

A baccalaureate degree from a regionally accredited college or university.

A minimum undergraduate GPA of 3.00 is required for full admission to the program, and 2.75 is required for conditional admission. 

Main Content Region Tables

There are several predesigned tables (with a defined font size and pre-styled headers) available for use. When you use the table snippet you don't have to format table headers.

You can just type text in the top row and it will be styled as a header. In the main content region you have the option to add the following:

Table 2-Column

Table Header Table Header
Tabular content Tabular content
Tabular content Tabular content
Tabular content Tabular content

Table 4-Column

TABLE HEADER TABLE HEADER TABLE HEADER TABLE HEADER
Tabular content Tabular content Tabular content Tabular content
Tabular content Tabular content Tabular content Tabular content
Tabular content Tabular content Tabular content Tabular content

Tables requiring six columns should be built in the full-width region using the Table 6-Column-Full-Width snippet.

Full-Width Region Tables

Table 6-Column-Full-Width

This is a DIY snippet. You can add it to your pages without assistance from Digital Strategy. Make sure to follow all standards outlined in this guide.


This snippet should only be used in the Full-Width Region.

Table Header Table Header Table Header Table Header Table Header Table Header
Tabular content Tabular content Tabular content Tabular content Tabular content Tabular content
Tabular content Tabular content Tabular content Tabular content Tabular content Tabular content
Tabular content Tabular content Tabular content Tabular content Tabular content Tabular content

Custom Built Table Option

You can add tables using the JustEdit toolbar. Tables from the toolbar do not have predefined headers and have a larger font. To ensure that your custom built table displays properly on mobile devices, you must assign headers. For more information on how to create a custom table, see Creating Tables in Modern Campus CMS (PDF).

Custom Built Table

Table Header Table Header Table Header
Tabular content Tabular content Tabular content
Tabular content Tabular content Tabular content
Tabular content Tabular content Tabular content

Confirm that Your Tables Work in Mobile Devices

A responsive table is one that reconfigures to mobile devices within a website. Review the tables on your web pages in a mobile device to confirm that they are displaying properly. For more information, see Responsive Tables in Modern Campus CMS (PDF)