Skip to content

A fully featured Material-UI implementation of react-table, inspired by material-table, written from the ground up in TypeScript

License

Notifications You must be signed in to change notification settings

oliviertassinari/material-react-table

 
 

Repository files navigation

Material React Table

This Project is based on react-table v8, which itself is still in alpha, and therefore this package is also still in alpha

  • A fully featured Material-UI v5 implementation of react-table v8 (alpha)
  • Inspired by material-table and the material-ui DataGrid
  • Written from the ground up in TypeScript, Material-UI, and React Table
  • All internal material-ui components are easily customizable

This project is in alpha, but feel free to install and explore

View the docs (alpha) site

View additional storybook examples

View the github source code and github open issues

Join the discord server to join in on the development discussion


Features (Some Still In Active Development)

  • Click To Copy Cell Values
  • Column Actions
  • Column Hiding
  • Column Grouping (Group By and Aggregates)
  • Column Ordering (react-dnd planned)
  • Column Pinning
  • Column Resizing (work in progress)
  • Custom Icons
  • Custom Styling and internal Mui Components
  • Data Editing (work in progress)
  • Dense Padding Toggle
  • Filtering
  • Fullscreen
  • Global Search (Advanced search options!)
  • HeaderGroups
  • Localization i18n
  • Pagination (supports client-side and server-side)
  • Row Actions
  • Row Selection
  • SSR compatible
  • Sorting
  • Toolbars
  • Tree Data / Expanding Subrows
  • Virtualization (planned)

Installation

  1. Install Peer Dependencies (material-ui v5)
npm install @mui/material @mui/icons-material @emotion/react @emotion/styled
  1. Install material-react-table
npm install material-react-table

About

A fully featured Material-UI implementation of react-table, inspired by material-table, written from the ground up in TypeScript

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 82.4%
  • JavaScript 17.4%
  • CSS 0.2%