Data tables - Canada.ca design pattern

Data tables are a means for efficiently communicating data in rows and columns.

When to use this pattern

  • Use data tables to present data
  • Do not use data tables to force layout for text

How to use this pattern

  • Use defined presentation classes for tables included in WET
  • Ensure each column treats only one data facet
  • Where possible, use WET 4 tables to enable sorting and filtering controls
    • this is recommended when there are more than 12 rows
  • Add optional pagination controls for any table with more than 12 rows
  • Never include tabular data as an image

Working example

Example

Data tables pattern
Screenshot illustrating the data table pattern on Canada.ca. Details on this graphic can be found in the surrounding text.
Date modified: