New release
Introducing a visual refresh to Forma 36 React componentsRelease notes
Forma 36

Table

StorybookGithub
stable

Use tables to present large amounts of data, and data which has multiple properties attached to it.

NameEmailOrganization roleLast activity
Claus Mitchellclaus.mitchell@contentful.comCEOAugust 29, 2018
Johannes Ramosjohannes.ramos@contentful.comCTOJuly 27, 2019
Alex Kalinoskialex.kalinoski@contentful.comCDOJune 13, 2019

Table of contents

  1. Best practices

Best practices

  • Make sure Tables span the full width of the container they're in
  • Make sure a table has a header describing the content of its respective columns
  • Ordered columns by relevance from left to right. Images, if present, have a higher priority, and should be placed in the first column. Checkboxes naturally have the highest priority.