material-table
mui-datatables
Our great sponsors
material-table | mui-datatables | |
---|---|---|
8 | 4 | |
3,488 | 2,676 | |
- | - | |
2.3 | 0.0 | |
2 months ago | about 2 months ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
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/#/
mui-datatables
-
The Best React Data Grid/Table Libraries with Material Design in 2023
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.
-
Adding the 2nd timestamp shows this error failed to fetch data TypeError: Cannot read properties of undefined (reading 'seconds')
I am using this table https://github.com/gregnb/mui-datatables
- What are some tables that support search, filter, download, and that would also be capable of displaying the sum of the entire column?
-
Filtering and Ordering
Yes, I've seen there are some implementation of datatables using react (https://github.com/gregnb/mui-datatables for example) but I've never used those, also you would still need to implement the server side processing in rails yourself, while the other gems I've mentioned make that pretty easy (filtering, sorting and paginating)
What are some alternatives?
react-table - 🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table
React Data Grid - Feature-rich and customizable data grid React component
DevExtreme React Grid - Business React components for Bootstrap and Material-UI
react-bootstrap-table - A Bootstrap table built with React.js
react-data-table - A responsive table library with built-in sorting, pagination, selection, expandable rows, and customizable styling.
ag-Grid - The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.
KendoReact Grid - Issue tracker - KendoReact http://www.telerik.com/kendo-react-ui/
Griddle - Simple Grid Component written in React
react-table - ⚛️ Hooks for building fast and extendable tables and datagrids for React [Moved to: https://github.com/TanStack/react-table]
rsuite-table - A React table component.
elementz - :space_invader: A React UI Component library for building modern applications easily & quickly
reactable - Fast, flexible, and simple data tables in React