Data Grid

The best grid. A fast and extendable data table and data grid for React. It's a feature-rich component available in MIT or Commercial 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.

The component leverages the power of React and TypeScript, to provide the best UX, while manipulating an unlimited set of data. It comes with an intuitive API for real-time updates, accessibility, as well as theming and custom templates, all with blazing fast performance.

Overview

The data grid comes in 2 versions:

• DataGrid an MIT license as part of our community offering, e.g. @material-ui/core.
• XGrid a commercial license as part of our X offering.

MIT version

import { DataGrid } from '@material-ui/data-grid';

X version

import { XGrid } from '@material-ui/x-grid';

Features

• Columns
• Rows
• Data
• Pagination
• Selection
• Customization
• Accessibility

Upcoming features

• Filtering - 🚧 Work in progress
• Editing - 🚧 Work in progress
• Export - 🚧 Work in progress
• Localization - 🚧 Work in progress
• Group Pivot - 🚧 Work in progress

API

• <DataGrid />
• <XGrid />