Table 📏

• Table header

  The value of each column to provide structure for the row content

• Row style

  Borders and contrasting background colors can be explored to differentiate

• Spacing

  Define the consistent padding of each row and the header

• Search

  The ability to find a specific keyword or row

• Actions

  Performing a task based on the row and information seen e.g. view, edit, delete

• Filter and sort

  Allow users to customize what they want to see in the table and in which order

• Responsiveness

  Determine the structure on significantly smaller devices - whether the information collapses into an accordion for example

  ⭐️ Horizontal scrolling is an alternative to rethinking a new layout

• Pagination

  Breakpoints in the table for digesting information in parts