@wearenova/mui-data-table

An extensive data-table with sorting, multi-column filtering, pagination and more with server-side data fetching support.

Usage no npm install needed!

<script type="module">
  import wearenovaMuiDataTable from 'https://cdn.skypack.dev/@wearenova/mui-data-table';
</script>

README

MUI Data Table

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

npm (scoped) npm GitHub GitHub deployments GitHub Workflow Status

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.

Demo GIF