finds.dev← search

// the find

nick-keller/react-datasheet-grid

★ 2,016 · TypeScript · MIT · updated Mar 2026

An Airtable-like / Excel-like component to create beautiful spreadsheets.

A React spreadsheet component that closely mimics Airtable/Excel UX — keyboard navigation, copy-paste to/from real spreadsheet apps, drag-to-fill, context menus, and virtualized rows. Aimed at developers building data-entry UIs who need more than a basic table but don't want to build all the spreadsheet interactions from scratch.

Copy-paste interop with Excel and Google Sheets actually works, which is the hardest part of any spreadsheet component to get right. Row virtualization is built in from the start, not bolted on, so large datasets don't require a separate setup. The column API is composable — you define a column type once and reuse it via keyColumn, so custom cell types aren't a second-class afterthought. Test coverage is real: separate test files for arrows, paste, escape, tab, copy, add-rows, which suggests the keyboard interaction matrix has actually been exercised.

The built-in column types are thin — text, int, float, checkbox, date, percent. Anything like a select/dropdown, autocomplete, or relation column requires you to implement it yourself from the cell component API. Last meaningful commit was March 2026 but the repo has been quiet for stretches before that; with 213 forks and 2k stars it has traction but not an active maintainer community you can rely on for bug fixes. No built-in sorting or filtering — this is purely a data-entry grid, not a data-grid, which catches people off guard when they compare it to AG Grid or TanStack Table. Column reordering is also absent from the feature list.

View on GitHub →

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →