Grid

What

A Columnar table that can be filtered and sorted

Why

To organize large amounts of data

Where

In the Content Panel

Best Practices

  • Grids are good for filtering large amounts of data into smaller, more manageable sections. They are also helpful for comparing data.
  • Grids are easier to scale than other ways of displaying data.
  • Saved filters can greatly improve efficiency for users who often repeat tasks, as do checkboxes and batch actions.
  • “Zebra Striping” every other row can help users scan a grid more quickly.

Related Principles

Design Systems

Design Systems

A design system is a set of design standards for a company or a specific project. The primary elements of a design system are: color & text styles, icons & illustrations, and commonly used components. It can also include things like code standards, layout...

UX/UI Design Glossary

UX/UI Design Glossary

Chrome Visual elements that provide users information about or commands to use the screen's content. Chrome is not part of the content itself. Examples would be buttons, labels, and menus. Edge Case An uncommon situation when a user's experience falls outside the...