Working with Tables
To use tables correctly, you first need to have an understanding of the different types of tables.
Data Tables
A data table is used to show a set of information. It is not used for layout purposes, it is simply to display data, whether that be text or numbers. Example:
Tuition* | NY Resident | Out of State |
---|---|---|
Tuition*Undergraduate | NY Resident$270 per credit | Out of State$988 per credit |
Tuition*Graduate | NY Resident$453 per credit | Out of State$925 per credit |
Tuition*MBA | NY Resident$600 per credit | Out of State$1016 per credit |
Tuition*Social Work | NY Resident$540 per credit | Out of State$925 per credit |
Tuition*Physicians Assistant | NY Resident$584 per credit | Out of State$1225 per credit |
Tuition*Physical Therapy | NY Resident$1016 per credit | Out of State$1705 per credit |
Tuition*Nursing Practice | NY Resident$1016per credit | Out of State$1787 per credit |
Responsive data tables are compatible for mobile devices, so that users who access your site on devices with smaller screens can still view and understand your content.
Learn How to Easily use Responsive Data Tables
Layout Tables
A layout table is used to create columns and rows to format and style content. For example, the following can be made with a regular old HTML table.
However, a regular table for layout does not function well on mobile displays. For this reason, do not use HTML tables to create layouts.