Show HN: DataSheetGrid, an Airtable-like React component
9 by nick-keller | 0 comments on Hacker News.
I've built and have been maintaining a React component that renders an Airtable / Notion-like component for a few years. This can be seen as an where the value is an array of objects. You can then specify any number of columns that are each responsible for rendering an input for a specific key. The component handles all accessibility features like keyboard navigation, adding / removing rows, context menu, virtualization... If you ever need your users to input long lists of data, this might be a good way to render the form!
9 by nick-keller | 0 comments on Hacker News.
I've built and have been maintaining a React component that renders an Airtable / Notion-like component for a few years. This can be seen as an where the value is an array of objects. You can then specify any number of columns that are each responsible for rendering an input for a specific key. The component handles all accessibility features like keyboard navigation, adding / removing rows, context menu, virtualization... If you ever need your users to input long lists of data, this might be a good way to render the form!