react-table-library
material-table
react-table-library | material-table | |
---|---|---|
13 | 8 | |
757 | 3,501 | |
0.7% | 0.2% | |
2.7 | 2.3 | |
9 months ago | 5 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.
react-table-library
-
Movable tree CRDTs and Loro's implementation
Wow I have to read this! For a freelance client of mine, I have open sourced React Table Library [0] with the focus on tree operations. They are handling a folder/file tree structure of 100 thousands nodes where it is possible to move folders/files, clone them, lazy load them on a top and nested level, etc. And all of it in the same table structure.
After I finished the project, I kinda knew why Google Drive only allows to display and modify on the same hierarchical level. There are so many constraints that you have to consider when implementing this in a nested view with many nodes.
[0] https://react-table-library.com/
-
How to solve overfetching with tRPC APIs when rendering tables (Pt. 1)
I'll use React Table Library for the UI, but this pattern can work with most other tables or datagrids in a very similar way.
-
React datagrid libraries
Maybe give https://react-table-library.com/ a try :)
-
To people who use Chakra-UI in production, what solutions do you use for date pickers, tables, etc?
Perhaps react-table-library with its Chakra UI integration is worth a try!
-
I built a table library for React, would love some feedback
Ah okay. Yes, I didn't link those yet. But essentially you can find all the features on the Features section over here https://react-table-library.com/
-
AntD vs MaterialUI? what do you prefer and why?
https://tanstack.com/table/v8 https://react-table-library.com/
-
Best React Inline Editable Grid?
You could give react-table-library a shot :) The table cells are fully in your control, so you could just use an input field in them.
-
React Tree View for Json object?
Check out this table's tree feature: https://react-table-library.com/
- Show HN: React-Table-Library
-
Chakra UI vs Mantine
If someone is looking for a fully-featured table library that can use either Chakra or Mantine as theme, check out this library.
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/#/
What are some alternatives?
KendoReact Grid - Issue tracker - KendoReact https://github.com/telerik/kendo-react
react-table - 🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table
react-data-table - A responsive table library with built-in sorting, pagination, selection, expandable rows, and customizable styling.
DevExtreme React Grid - Business React components for Bootstrap and Material-UI
editable-react-table - React table built to resemble a database.
react-arborist - The complete tree view component for React
react-table - ⚛️ Hooks for building fast and extendable tables and datagrids for React [Moved to: https://github.com/TanStack/react-table]
aria-practices - WAI-ARIA Authoring Practices Guide (APG)
elementz - :space_invader: A React UI Component library for building modern applications easily & quickly