react-table
material-table
Our great sponsors
react-table | material-table | |
---|---|---|
4 | 8 | |
16,462 | 3,488 | |
- | - | |
7.2 | 2.3 | |
about 2 years ago | 2 months ago | |
TypeScript | 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
-
16 Libraries You Should Know as a React Developer 💯🔥
5. react-table
-
How to prevent expanded React-Table row from collapsing on re-render?
I have a simple react-table with an expanded sub component whose data is tied to a Redux state object.
-
Why use `useTable` over `ReactTable` when using react-table
import ReactTable from 'react-table'...render() { return ( )} However, on their API Docs and examples, they all use useTable.
-
lodash debounce in React functional component not working
I have a functional component built around the React Table component that uses the Apollo GraphQL client for server-side pagination and searching. I am trying to implement debouncing for the searching so that only one query is executed against the server once the user stops typing with that value. I have tried the lodash debounce and awesome debounce promise solutions but still a query gets executed against the server for every character typed in the search field.
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?
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
react-table - 🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table
primereact - The Most Complete React UI Component Library
DevExtreme React Grid - Business React components for Bootstrap and Material-UI
tamagui - Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
react-data-table - A responsive table library with built-in sorting, pagination, selection, expandable rows, and customizable styling.
mantine - A fully featured React components library
KendoReact Grid - Issue tracker - KendoReact http://www.telerik.com/kendo-react-ui/
dnd-kit - The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
elementz - :space_invader: A React UI Component library for building modern applications easily & quickly
antd - An enterprise-class UI design language and React UI library
react-table-library - :bento: React Table Library