Skip to main content

@jugaaadi/table

A spreadsheet-style data table for React — editable cells, formulas, rich column types and a query builder

Live below — it is the real application, not a recording. Edit a cell, rename a header, sort a column, or press ? for the shortcuts.

Excel-style editing

Click to select, type to edit, Enter and Tab to move, drag-fill from the handle, copy and paste, and undo/redo across it all.

Formulas

A1-style references and column-name references, custom functions you define yourself, and live highlighting of the cells a formula touches as you type.

Rich column types

Text, number, decimal, currency, date and date-time, plus units (feet, inches, mm, degrees) and your own custom units via a type registry.

Media in cells

Images, video, audio and documents with click, drag-drop or paste upload, inline players, a lightbox, per-file size limits and an upload-to-server hook.

Query builder

A token-based query bar with schema-driven suggestions, and/or combinators and saved queries, plus find & replace across the whole sheet.

Build your own sheet

Start from a blank grid: name the headers, insert rows and columns anywhere, promote a row to the header. What you build survives a reload.