MUI Data Table

Comprehensive data-table component with powerful features out of the box for MUI v5.

• For the current version of MUI use v2.x
• For Material-UI v4 use v1.x

Both versions are actively maintained and shall continue to include upcoming features, bugfixes and improvements.

Features

• Cell Editing
• Multi-Column Filtering
  • Able to filter by: strings, numbers, booleans and dates by default
• Single-Column Sorting
• Pagination
• Row Selection
• Column Grouping
• CSV Export
• Pinnable/Freezable Columns

Installation

MUI Data Table is available as an NPM package

// with npm
npm install --save @wearenova/mui-data-table

// with yarn
yarn add @wearenova/mui-data-table

See full instructions in the documentation.

Or for Material-UI v4

// with npm
npm install --save @wearenova/mui-data-table@mui-v4
// or
npm install --save @wearenova/mui-data-table@^1

// with yarn
yarn add @wearenova/mui-data-table@mui-v4
// or
yarn add @wearenova/mui-data-table@^1

See full instructions for Material-UI v4 in the v1.x documentation.

Documentation

You can view the documentation in docs/ or by going to the documentation site.

Examples

You can view an example in dev/. More examples will come soon, feel free to open a PR if you want to add any examples under the examples/ directory.

Demo

You can view the full demo here.

Or here is a GIF showing off some of the Data Table's features.