This Project is based on
@tanstack/react-tablev8, which itself is still in beta, so therefore this package is also still in alpha/beta
- A fully featured Material UI V5 implementation of Tanstack React Table v8 (beta)
- Inspired by material-table and the MUI X DataGrid
- Written from the ground up in TypeScript, Material UI, and React Table
- All internal Material UI components are easily customizable
View the docs (alpha) site
View a basic example
View additional storybook examples
View the github source code and github open issues
Join the discord server to join in on the development discussion or ask questions
All features can easily be enabled/disabled
- Click To Copy Cell Values
- Column Actions
- Column Grouping (Group By and Aggregates)
- Column Hiding
- Column Ordering via Drag'n'Drop (react-dnd)
- Column Pinning
- Column Resizing (work in progress)
- Customize Icons
- Customize Styling of internal Mui Components
- Data Editing (3 different editing modes)
- Density Toggle
- Detail Panels
- Filtering and multiple built-in filter modes
- Full Screen mode
- Global Filtering (Search across all columns, rank by best match)
- Header Groups & Footers
- Localization (i18n) support
- Manage your own state
- Pagination (supports client-side and server-side)
- Persistent State
- Row Actions
- Row Numbers
- Row Selection (checkboxes)
- SSR compatible
- Sorting
- Theming (Respects your Material UI Theme)
- Toolbars (Add your own action buttons)
- Tree Data / Expanding Sub-rows
- Virtualization (react-virtual)
- Install Peer Dependencies (Material UI v5)
npm install @mui/material @mui/icons-material @emotion/react @emotion/styled- Install material-react-table
npm install material-react-table@tanstack/react-table, react-virtual and react-dnd are internal dependencies, so you don't need to install them yourself.
PRs are Welcome, but please discuss in GitHub Discussions or the Discord Server first!
