Using tables

Tables can help you present text as well as data. Designed well, they can help users see relationships or features that might otherwise be hidden in content presented in paragraphs. Tables can sometimes help you cut back on text, making information faster to look up and understand.

10 tips for web writers

  1. Facilitate comparison Present the characteristics users may want to compare as rows or columns of information.
  2. Support quick look-up Make relationships and attributes visible by presenting them as rows or columns of information.
  3. Show conditions or consequences Try an ‘if-then’ table to communicate a set of conditions or consequences that apply in different situations.
  4. Reduce repetition or clutter Consider a table if it will help you avoid repetition or reduce visual clutter.
  5. Keep table design simple Avoid multiple levels of header rows or columns. Consider breaking a complex table into two or more simpler tables.
  6. Write concisely Keep text concise in all table cells, especially headers.
  7. Guide the eye across the grid Provide grid lines or shading. Shading must offer sufficient contrast to guide the eye, but not so much as to make the content of each cell hard to read.
  8. Use appropriate alignment Align text to the left unless the cell is narrow. Right-align numbers if they have decimal points or when they are added up.
  9. Provide a title Use the <caption> tag or a heading to provide a meaningful title for the table.
  10. Use appropriate table markup Tag header and data cells with appropriate <th> and <td> tags. For more complex tables, associate data cells with header cells using headers and IDs.