The Best React Data Grid/Table Libraries with Material Design in 2023

This page summarizes the projects mentioned and recommended in the original post on dev.to
UI Components Table / Data Grid Table Material-UI React

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured

  • mui-datatables

    Datatables for React using Material-UI

    • MUI-Datatables is a library that is good overall, visually well designed, and even still maintained enough to stay up to date with MUI v5. However, it lacks good documentation and can be hard to figure out how to use. It no longer has a documentation site, so the API section in the README is the only documentation that you get. It is also worth noting that at the time of writing, there are almost 600 open and unresolved issues in the GitHub repo, and non of the issues seem to get any attention from the maintainers. Overall, I would not recommend starting new projects with this library in 2023.

  • ag-Grid

    The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.

    • AG Grid is potentially the greatest data grid library out there. It has just about every feature that you might need, and then some!

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • material-ui-docs

    ⚠️ Please don't submit PRs here as they will be closed. To edit the docs or source code, please use the main repository:

    • If you are using a component library like Material UI in your project, you probably need to rapidly build out your UI without having to worry so much about the intricate styling details. You need to build features quickly, but you also need to deliver software that is of high quality and is easy to use. MUI has tons of components that let you build out your UI quickly, but when it comes to tables or heavily featured data grid components, they may still feel rather low-level and primitive.

  • material-table

    Datatable for React based on material-ui's table with additional features

    • Material-Table is a library that I used to use a lot. It was awesome. Unfortunately, the maintainer does not seem to be active on GitHub anymore, and the project is no longer being actively maintained. It went a couple of years without getting any updates, and there are some glaring NPM audit security warnings that you will receive if you install this in your project.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Material Table with NextJS 12 + TypeScript

    1 project | dev.to | 29 Jul 2022

  • Glide Data Grid 4.0! Thank you all for your help :)

    1 project | /r/reactjs | 28 May 2022

  • Applying specific theme for react material-table

    1 project | /r/codehunter | 6 May 2022

  • How to change name and Icon of Action Column in Material-Table React

    1 project | /r/codehunter | 21 Apr 2022

  • Errors when I import material table in my react app I installed it from https://material-table.com/#/docs/install : When I import 'import MaterialTable from 'material-table';' it It gives these errors bellow :

    1 project | /r/learnjavascript | 27 Mar 2022