Skip to main content

Table

Tables are used to structure complex data in an organised way that is more user friendly and discoverable.

Do's​

  • reduce the table width to fit the content
  • align content left to right within cells
  • use a dash ( - ) in null data cells
  • adjusts the styling to render a small/large table

Don'ts​

  • don't spell out numbers
  • don't use colour alone to convey information

When to use​

  • use when you want to show structured information, or static data
  • use when you want to help users to compare information

When not to use​

  • when you don't have any relationship among content you want to present