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