Skip to content
Edit this page

Data Grid

The best grid. A fast and extendable data table and data grid for React. It's a feature-rich compoent available in MIT or Enterprise versions.

Data tables display information in a grid-like format of rows and columns. They organize information in a way that’s easy to scan, so that users can look for patterns and insights.

Demo

Name
Rating
Address
Phone
Country

Rows per page:

50

0-0 of 0

<DataGrid
  style={{ maxHeight: 300, width: '100%' }}
  columns={[
    { field: 'name', label: 'Name' },
    { field: 'rating', label: 'Rating' },
    { field: 'address', label: 'Address' },
    { field: 'phone', label: 'Phone' },
    { field: 'country', label: 'Country' },
  ]}
  rowsData={data}
  pagination
  defaultColumnOptions={{ sortable: true, resizable: true }}
/>

Features

API