Datagrids are for organizing large volumes of data that users can scan, compare, and perform actions on.

We have {{childRoutes.length}} datagrid demos. Starting with the basics, each demo shows you one or more of the advanced Datagrid features.

Usage

For Structured Content

Datagrids work best for structured, homogeneous content, where each object has the same attributes. When common attributes are directly aligned in columns, users can quickly scan and compare them.

For data sets with a blend of text, images, and data visualizations, or content with mixed formatting, cards offer a better layout.

For Large Volumes of Data

A datagrid is well-suited for presenting large volumes of data that don’t fit on one page. Users can filter and sort the data according to preference.

For smaller amounts of data (10 to 20 lines), datagrids are a relatively heavy component. Use datagrids if:

  • The data set will grow
  • Users need search, filter, or batch operations

For a smaller volume of data, use a table. Tables are a lighter-weight solution with a static view.