nocodb VS React Data Grid

It is great to see the number of good opensource projects in this area. Grist and NocoDB deserve mentions, although more targeted towards database management. It is also amazing that they provide so simple ways to get started (single file/electron)

- https://github.com/gristlabs

- https://nocodb.com/

Have you seen https://github.com/nocodb/nocodb? I'm not sure it supports concurrent editing, but seems like it might.

Baserow is cool. We evaluated it within our company a few months ago and eventually settled for Nocodb (https://nocodb.com/) - easy to run, more mature.

Leaptable is another Open Source framework like Airtable I saw recently with support for AI Agents. https://github.com/peterwnjenga/leaptable

That looks interesting!

I currently use NocoDB with a MariaDB database, so I can't easily switch over as Undb doesn't support MySQL as I see. But it has the feature I'm missing in NocoDB: a Calendar View which funnily NocoDB promoted on their website but doesn't have [1]. I guess I'll give it a try!

[1] https://github.com/nocodb/nocodb/discussions/832

You will probably like NocoDB

It’s called a DataGrid. I would not implement my own. https://github.com/adazzle/react-data-grid

Data Grid - https://github.com/adazzle/react-data-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.

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.

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.

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

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)

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.