Software Alternatives, Accelerators & Startups

material-table VS AG Grid

Compare material-table VS AG Grid and see what are their differences

material-table logo material-table

React data table component that is based on material-ui

AG Grid logo AG Grid

The best HTML5 datagrid in the world
  • material-table Landing page
    Landing page //
    2023-06-03
  • AG Grid Landing page
    Landing page //
    2023-08-02

material-table videos

No material-table videos yet. You could help us improve this page by suggesting one.

+ Add video

AG Grid videos

ag-Grid Conf 2018 | Complexity and Performance | Niall Crosby

More videos:

  • Review - All about ag-grid in angular 6
  • Review - Track 1 Day 2 Livestream | AngularConnect 2019 | Sponsored by ag-Grid

Category Popularity

0-100% (relative to material-table and AG Grid)
UI Design
46 46%
54% 54
Design Tools
19 19%
81% 81
Data Grid
19 19%
81% 81
JavaScript Tools
0 0%
100% 100

User comments

Share your experience with using material-table and AG Grid. For example, how are they different and which one is better?
Log in or Post with

Reviews

These are some of the external sources and on-site user reviews we've used to compare material-table and AG Grid

material-table Reviews

The Best React Data Grid/Table Libraries with Material Design in 2023 - MRT Blog
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 you will receive some glaring NPM audit security warnings if you install this in your project.

AG Grid Reviews

Using AG Grid in React: Guide and alternatives
In this guide, we introduced the basic functionalities of the ag-grid-react library and demonstrated how to use AG Grid to build and style a data grid in a React app. To compare alternatives to AG Grid, also built a similar data grid in TanStack Table, Glide Data Grid, and MUI Data Grid. Each library has a unique set of features and tradeoffs, so it’s important to choose the...
The Best React Data Grid/Table Libraries with Material Design in 2023 - MRT Blog
The "AG" in AG Grid stands for "Agnostic Grid," which means that the library works in multiple JavaScript Frameworks besides React. On the same note, though, AG Grid does not use Material UI under the hood like all of the other libraries on this list. However, it does stick very close to Material Design, so it will not stick out too far from the rest of the components in...
Best Free and Open-Source JavaScript Data Grid Libraries and Widgets
AG Grid calls itself the best JavaScript library for creating data tables, and for good reason. Major highlights of the library include its excellent performance, no dependency on third-party libraries, and smooth integration with all the major JavaScript frameworks such as Angular, React, and Vue.js. This goes without saying, but you can also use the library with plain...

Social recommendations and mentions

Based on our record, AG Grid seems to be more popular. It has been mentiond 10 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.

material-table mentions (0)

We have not tracked any mentions of material-table yet. Tracking of material-table recommendations started around Jun 2023.

AG Grid mentions (10)

  • My Failed Student Housing App
    I made extensive use of AG Grid. There are LiveView hooks and whatnot showing how I loaded data, and stylized different types like bools, links, and status. - Source: dev.to / about 1 month ago
  • Supporting Circularly Referenced Mapped Types in Typescript
    In the remainder of this post I will share how I resolved this error for a type called NestedFieldPaths that is a key part of the AG Grid library. - Source: dev.to / 9 months ago
  • Generate array of all an interface's keys with Typescript
    When working with a large and complex code base like AG Grid it is very easy to miss updating certain parts of the code base. - Source: dev.to / over 1 year ago
  • Does Angular Support Generic Component Types?
    To give a concrete example of the breakdown in inference we can look at the ag-grid-angular component from AG Grid. This component is generic with respect to row data. It is defined in the following way with many properties omitted for brevity. - Source: dev.to / over 1 year ago
  • Write Typescript in the browser with SystemJs
    Yes, this does require you to get your SystemJs config setup right but that is why I am sharing this starter that I used for our AG Grid demos so that you can get started easily. - Source: dev.to / over 2 years ago
View more

What are some alternatives?

When comparing material-table and AG Grid, you can also consider the following products

TanStack Table - Headless UI for building powerful tables & datagrids with TS/JS, React, Solid, Svelte and Vue

DataTables - DataTables is a plug-in for the jQuery Javascript library.

Material React Table - Material React Table, a fully featured Material UI V5 implementation of TanStack React Table V8. Written from the ground up in TypeScript.

Handsontable - JavaScript Spreadsheet

MUI X - Build data-rich applications using a growing list of advanced React components. We're kicking it off with the most powerful Data Grid on the market.

FancyGrid - JavaScript grid library with charts integration and server communication.