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