ag-Grid
React Data Grid
Our great sponsors
ag-Grid | React Data Grid | |
---|---|---|
48 | 13 | |
11,738 | 6,665 | |
2.1% | 2.5% | |
10.0 | 8.8 | |
3 days ago | 12 days ago | |
TypeScript | 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.
ag-Grid
-
How To Enhance AG Grid with Avatars: Building a Collaborative Grid with React and Ably
In this post Iβll show you how, using the AG Grid component and Ably Spaces, you can create a React application that allows users to see not only who else is currently viewing the grid, but using a Flowbite Avatar Stack component, what row each user currently has selected.
-
MUI X VS ag-Grid - a user suggested alternative
2 projects | 18 Jan 2024
-
ag-Grid VS infinite-react - a user suggested alternative
2 projects | 1 Jan 2024
- AG Grid: A fully-featured and highly customizable JavaScript data grid
-
suggestions for a free spreadsheet library (like excel or google spreadsheets)
something like ag-grid? https://github.com/ag-grid/ag-grid
-
Frontend app that pulls api data and displays it in tables that can be sorted, filtered etc
I personally use https://www.ag-grid.com/ for all my data grid needs. It has a free community version (that should get you covered imo) as well as a paid one with advanced features.
-
Show HN: Halloy β A GUI Application in Rust for IRC
To be fair, in any GUI toolkit, the "table" is abolutely the most complex general purpose widget. People really under estimate the difficult of an efficient implementation. Qt spents YEARS improving their QTableWidget class. The implementation is mind-bogglingly complex. I am sure many very smart summer interns (PhDs!) have tried to tweak that class to squeeze every bit of performance possible. The table class in GTK+ and MSFT DotNet's WPF are equally, freakishly insane.
Consider this idea: Most people who use a table class in a GUI framework assume it is essentially infinitely scalable (myself included!). I am talking about millions of rows or thousands of columns with all kinds of silly widgets injected into individual cells. It is a crazy hard computer science problem to solve. I would not doubt there are many PhD thesises written on the topic of fast, scalable table widgets.
Beyond desktop GUI toolkits, people have tried to do the same in a browser (HTML/CSS/JS). Have you seen AG-Grid? Woah, it is unbelievable how much goddamn data you can squeeze into that widget. Most Wall Streets web-based trading apps use it one way or another. It's just so hard to beat. Ref: https://www.ag-grid.com/ There must be 1,000 person years of optimisation sunk into that implementation.
- What react library do you use for data grids / data tables?
- Does anyone know about a primitive, easily customizable, functional data table
- Table drag and drop
React Data Grid
-
How do you create your own csv grid type library on React?
Itβs called a DataGrid. I would not implement my own. https://github.com/adazzle/react-data-grid
-
React datagrid libraries
Data Grid - https://github.com/adazzle/react-data-grid
-
Table vs Grid
Do you mean grid like CSS grids https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout or do you mean grid like data grid https://www.npmjs.com/package/react-data-grid ? Because I think people are assuming in their answers you mean the former. If its the second one its a whole other discussion.
-
React Data Grid VS Glide Data Grid - a user suggested alternative
2 projects | 8 Jun 2022
- How to pass percentage value to width to React data grid column
-
Using react-datepicker in react-data-grid compoent
I am using react-data-grid component. It provides a grid structure with edit and lot more options. When we click on each cell, we are able to edit the content of the cell. In my project, I have a situation like when the date column is focused I want to bind a UI where the user can able to select the date.for that, I have used react-datepicker component. I am able to give react-datepicker component as a formatter in the date column option. I can able to change the date in the react datepicker component, but that is not updating the cell value (when you click on the console data button you can able to see the changes have been updated or not).so guys help me how I can update the cell value when a different date is selected in the react-datepicker component. It happening automatically when the value is changed in other cells.
-
Rowy: Open-source Airtable alternative on Google Cloud
no, i missed that one when i was searching, but from the homepage and a quick glance through the docs it doesn't seem like it does what i need. what i want is something like react-data-grid [https://github.com/adazzle/react-data-grid] but with a backend component that handles collaborative updates. essentially a stripped down and actively maintained alternative to ethercalc [https://ethercalc.net/]
baserow had a lot of what i wanted, but the top-level feature set seemed very oriented towards a db admin tool rather than a programmatically managed user interface to single tables or views.
-
Anyone have a recommendation for an off-the-shelf data grid / spreadsheet type component?
I have a bulk of tabular data that I'd like for my users to be able to manipulate with a lot of the kind of standard spreadsheet functions like filter, sort, search. Generally I'm more interested in read than write. I can across: https://github.com/adazzle/react-data-grid
-
Suggestions for free license react table with some requirements
I has dnd grouping, but it falls short on server side rendering. It seems like the maintainers are not interested in implement this feature(https://github.com/adazzle/react-data-grid/pull/1459)
-
Beginners Thread Easy Questions February 2021
I'm trying to add excel like filtering to react-data-grid with primereact multiselect and running into some problems with the dropdown closing. By excel like filtering I mean when you apply a filter that updates all the other filters options instead of keeping the total options always. Here is a codesandbox that show the problem. So basically I want the dropdown to stay open even when the dropdown options change. Also you would notice this kind of makes a multiselect useless since the current filter your on will always be filter down to 1 option. So the current filter being changed should not change options but all the others filter options should change.
What are some alternatives?
HANDSONTABLE - JavaScript data grid with a spreadsheet look & feel. Works with React, Angular, and Vue. Supported by the Handsontable team β‘
mui-datatables - Datatables for React using Material-UI
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
react-bootstrap-table - A Bootstrap table built with React.js
SheetJS js-xlsx - π SheetJS Spreadsheet Data Toolkit -- New home https://git.sheetjs.com/SheetJS/sheetjs
react-table - π€ Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table
SlickGrid - A lightning fast JavaScript grid/spreadsheet
FancyGrid - FancyGrid - JavaScript grid library with charts integration and server communication.
Glide Data Grid - π Glide Data Grid is a no compromise, outrageously react fast data grid with rich rendering, first class accessibility, and full TypeScript support.