material-table
DevExtreme React Grid
Our great sponsors
material-table | DevExtreme React Grid | |
---|---|---|
8 | 2 | |
3,488 | 2,056 | |
- | 0.6% | |
2.3 | 5.9 | |
2 months ago | about 1 month ago | |
JavaScript | TypeScript | |
MIT License | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
material-table
-
The Best React Data Grid/Table Libraries with Material Design in 2023
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.
-
Material Table with NextJS 12 + TypeScript
// https://github.com/mbrn/material-table/pull/2937#issuecomment-879017952 import MaterialTable, { MaterialTableProps } from 'material-table' import { TablePagination, TablePaginationProps } from '@material-ui/core' function PatchedPagination(props: TablePaginationProps) { const { ActionsComponent, onChangePage, onChangeRowsPerPage, ...tablePaginationProps } = props return ( { const { onPageChange, ...actionsComponentProps } = subprops return ( // @ts-expect-error ActionsComponent is provided by material-table ) }} /> ) } export default PatchedPagination
-
Applying specific theme for react material-table
I'm trying to integrate react material-table (https://github.com/mbrn/material-table) with my project.
-
How to change name and Icon of Action Column in Material-Table React
I'm using Material Table and I need change the Action column name but this column is automatic generated because I'm using editable function from material table.
-
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 :
okay more so like the exxample in here, https://www.npmjs.com/package/material-table
-
Anyone ever worked with Data Tables in React Native ?
Ik like material table a lot. It's pretty easy to get started with and has great customization options.
-
Editable table components with auto calculated rows
The free offering is very lackluster, I currently roll my own editable table inspired by https://github.com/mbrn/material-table. The main reason was the inability to add frontend validation, but now it has a lot of functions that I need, each custom for my needs.
-
React/JS noob here, did I build my React tables poorly? Looking for advice on how to proceed.
e.g: https://material-table.com/#/
DevExtreme React Grid
-
Overview of Commercial and Open-Source UI Components for React
DevExtreme Reactive is a small package of business-oriented React components, including Grid, Scheduler, and Chart. These components are notable for a plugin-based architecture allowing you to apply only features that are necessary for your project or add extra capabilities using your own plugins. The use of React optimizations, Virtual DOM, and lightweight markup ensures robust performance with big data for all three components.
What are some alternatives?
react-table - 🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table
KendoReact Grid - Issue tracker - KendoReact http://www.telerik.com/kendo-react-ui/
react-data-table - A responsive table library with built-in sorting, pagination, selection, expandable rows, and customizable styling.
primereact - The Most Complete React UI Component Library
react-table - ⚛️ Hooks for building fast and extendable tables and datagrids for React [Moved to: https://github.com/TanStack/react-table]
elementz - :space_invader: A React UI Component library for building modern applications easily & quickly
recharts - Redefined chart library built with React and D3
react-table-library - :bento: React Table Library
Syncfusion React UI Components Library (Essential JS 2) - Syncfusion React UI components library offer more than 50+ cross-browser, responsive, and lightweight react UI controls for building modern web applications.