Components

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