Tables for data vs tables for layout

In HTML, the table feature in the editor is included to allow you to create small tables for your web page. A proper, accessible table has a title at the top of each column that labels the content below. Every cell in the first row must have a title, including the first cell. This is called the header row. Often, the first cell in each row is also a title for the row. These titles need to be specially formatted. If you need a table in your web page, please contact Web Operations for assistance.

A layout table is a table that does not contain relationships between the column heading and the row heading. Instead, the table feature that is used simply lays out a page in a particular manner. This is a technique is largely non-accessible and usually not mobile-friendly. The vast majority of layout tables should be created as accessible web pages instead. 

For assistance with tables, contact Web Operations.


Use the TablePress plug-in to work with larger data tables. 
Create a spreadsheet in OneDrive in Excel. Then export the data into a .csv (comma separated values) file. That file can be imported into TablePress. Also, TablePress allows sorting by column. 
Examples …
If you plan to use TablePress, contact Web Operations first.

Additional documentation


There are lots of advantages of TablePress over an HTML table in an example like Global Education Partners …

  • If I knew the name of the university, I would sort by the first column.
  • If I wanted to see all the programs in Spain, I would sort by the Country column. 
  • If I’m working in Global Education, I would use the sort columns to make sure I had everything labeled properly.