What is Tabular Data?

When to Use Tables in a Standards-Based XHTML Document

Close-up of numbers printed on paper
(Medioimages/Photodisc/Photodisc/Getty Images)

According to the W3C:

"The HTML table model allows authors to arrange data -- text, preformatted text, images, links, forms, form fields, other tables, etc. -- into rows and columns of cells."

Source: Introduction to tables from the HTML 4 specification.

The key word in that definition is data. The table model is not developed as a way for web authors to manipulate the layout of a web page or change how it will look with either cells, borders, or background colors.

A good definition of data for our purposes is:

"Factual information, especially information organized for analysis or used to reason or make decisions."

Source: Florite International.

However, that definition is more than we really need for web page development. We like to think of it in this way:

Tabular Data Content

If what you're going to place on the page is information that would make sense to record or track in a spreadsheet, it is almost certainly tabular data.

If you're going to have header fields at the top of columns of data or to the left of rows of data, then it is tabular and a table should be used.

If the content makes sense in a database, especially a very simple database, and you just want to display the data and not "make it pretty," then a table is acceptable.

You Should Not Use a Table If

  • the main purpose of the table is to position the contents on the page in some way. For example, to add spacing around an image, to place "bullet" icons on a list, or to force a block of text to act like a pull quote are poor reasons to use a table.
  • you want to use the background colors or images simply to augment the page, rather than to call out the data. For example, highlighting every other row of a table is fine, but changing only the upper right cells because that makes them match the background of the page is not.
  • you are cutting up an image and then placing the image pieces back together on the page using the table. This was very common a few years ago but is no longer considered correct.

    Don't Be Afraid of Tables

    It is quite possible to create a web page that uses very creative looking tables for tabular data. Tables are an important part of the XHTML specification, and learning to display tabular data well is an important part of creating web pages.