RevoGrid

Appearance

RevoGrid Pro The grid for spreadsheet-heavy apps

Excel data gridjust like that 🫰 Snap!

Formulas, editing, copy & paste, filtering, formatting, and workbook controls — all inside a virtualized JavaScript data grid.

DemosRead documentation →
100+ Excel-like functionsUnlimited virtualized rows5 integration examples

Spreadsheet fluency without turning your application into a file editor. Your database, validation, permissions, and product workflow stay in charge.

RevoGrid preview below
revenue-ops / pipeline.tsx
Region = EMEA4 cells selected
7 rowsSum 1,194,750Avg 170,679
Virtual scroll · 60fps
01 · Clipboard

Paste directly from Excel.

Paste a multi-cell range from Excel into RevoGrid so people can keep the spreadsheet workflow they already know. Selected RevoGrid ranges can also be copied back into Excel when your product needs it.

Q3-forecast.xlsx
A3:D7 source rangefx D3 = C3 × 15
Your app · Forecast plannerReady to paste
● Awaiting Excel rangefocus a target cell and paste from Excel, or use the sample action
Multi-cell ranges

Clipboard content is parsed as a range and written across rows and columns, not into a single cell.

Excel styles preserved

The Pro formatting stack carries supported fonts, fills, borders, alignment, and number formats through the clipboard.

Your rules still apply

Paste events are observable — validate, transform or reject values before they reach your store.

02 · Editing

Editing that feels familiar

Click to focus, type to replace, Enter to commit, Tab to move on. Text, numeric, date and select-style values each get an appropriate editor, and every commit is an event your application can intercept.

03 · Exploration

Find the data you need

Column filters and sorting operate over the full dataset, not just the rendered page. Filter state is readable and settable from your code, so saved views and deep links stay in sync.

FiltersPro advanced filters6 of 14 rows
6 of 14 rowsTotal ARR 1,410,150
filter applied in <1ms

Top chips and advanced header filters share one model — use either to refine the dataset.

04 · Structure

Let users shape their own view

Resize and reorder columns, drag rows, pin what must stay visible, and select ranges across the sheet.

Pinned: StoreRange —Sum 0
Column resize

Drag edges or auto-size to content.

Column reorder

Drag headers into a new order.

Row reorder

Drag handles to move rows.

Pinned areas

Freeze columns left or right, rows top or bottom.

Range selection

Select, copy and clear rectangular ranges.

05 · Grouping

Turn large datasets into understandable structures

Group flat rows by one or more columns and collapse what isn't relevant right now. Grouping is a view over your data — the underlying rows stay exactly as your application supplied them.

2 grouping levels · 11 projects
Region → Department

Click any group row to collapse or expand it.

06 · Hierarchy

Display hierarchical data

Grouping derives structure from values. Tree data is the structure — parents and children come from your model, stay readable at every level, and expand in place.

11 visible of 21 nodesTreeDataPlugin reads parent references from your model
07 · Scale

Spreadsheet-like UX.
Data-grid architecture.

Familiar interaction is only half of it. RevoGrid virtualizes rows and columns — the same grid that feels like a spreadsheet at 50 rows behaves the same at hundreds of thousands.

● activetransactions · 0 rows × 7 columns
DOM nodes: 0
Unlimitedrows and millions of cells rendered with no hard row limit
60fpsscrolling with row and column virtualization on both axes
Programmatic controlSet source, columns and filters from codePlugin system for behaviour you ownTyped configuration and eventsCustom renderers and editors per column
08 · Remote data

Load only what users need

Keep data on your server and let RevoGrid request it as the viewport, page, filter, or sort changes. The grid stays responsive without downloading the full dataset first.

API connected
Response readyGET /api/orders?offset=0&limit=24&sort=amount:desc84ms
0fetched of 480 matching rows
Scroll to load the next server chunk
Infinite loading

Append the next result window as users approach the loaded edge.

Remote filtering

Send filter state to your API and replace the visible source with matching rows.

Remote sorting

Sort the full server dataset instead of only the rows currently in memory.

Server paging

Use explicit pages when stable result windows fit the product workflow better.

09 · Positioning

Your application, not a spreadsheet clone

Spreadsheets are excellent at what they do — that's exactly why the interaction patterns are worth borrowing. RevoGrid takes those patterns and puts them under your application's control.

Spreadsheet application

Built around the spreadsheet itself

  • —The document is the product; data lives in the file
  • —Logic expressed as formulas inside cells
  • —Layout and behaviour are the user's responsibility
  • —Integration happens through exports and imports
  • —General-purpose by design
RevoGrid

A data interaction layer inside your product

  • Your database and API own the data
  • Your business logic runs on every change
  • Custom editors and renderers per column
  • Native inside React, Vue, Angular, Svelte or plain JS
  • Shaped around one product workflow, not all of them
10 · Integration

A component you can actually drop into your stack

One grid core, delivered through typed wrappers for the frameworks product teams already use. Start with source and columns, then add spreadsheet modules as the workflow grows.

workbook.reactView getting started →
Cell templates

Render product-specific components in any cell.

Cell editors

Use built-in types or fully custom editors.

Plugins

Extend grid behavior through maintained modules.

Typed events

Own edits, ranges, validation, and persistence.

Where teams put it to work

Four product shapes that keep showing up.

Internal operations tools

Replace the spreadsheet that ops actually runs on, without giving up bulk editing and paste.

Reporting applications

Filter, sort and correct figures in place instead of exporting to a file and re-uploading.

Planning tools

Hierarchical budgets and structured editing across parent and child rows.

SaaS products

Ship spreadsheet-grade data interaction as a feature of your own product.

11 · Capability matrix

What ships in the grid today

Start with the MIT Core, then add maintained Pro modules for deeper spreadsheet and workbook workflows.

MIT Core

Editing foundation

  • Cell editing
  • Keyboard navigation
  • Range selection
  • Clipboard copy and paste
  • Sorting and filtering
  • Virtualized rows and columns
MIT Core

Application control

  • Custom renderers
  • Custom editors
  • Pinned rows and columns
  • Column resizing and movement
  • Typed configuration
  • Lifecycle events
RevoGrid Pro

Spreadsheet workflow

  • 100+ Excel-like functions
  • Formula bar and named ranges
  • Smart autofill and preview
  • Multi-range selection
  • Undo and redo
  • Cell validation and formatting
RevoGrid Pro

Workbook operations

  • Excel import and export
  • Collaborative presence
  • Advanced filters
  • Merged cells
  • Context menus
  • Column collapse and visibility

Clear capability boundary. Core covers the fast grid foundation and familiar editing model. Formula evaluation, workbook import/export, collaboration, formatting, and advanced range workflows are maintained RevoGrid Pro modules.

FAQ

Frequently asked questions

Pro Lite covers one product or app and includes typed Pro packages through private npm. Pro Advanced adds priority support, unlimited product usage, original private source repository access, the JavaScript Pivot Table, Kanban, Gantt, and Scheduler.

Build spreadsheet-grade product workflows

Give users the data workflows they already know

Evaluate formulas, editing, workbook export, filtering, formatting, and virtualized scale inside your own application.

DemosRead documentation →
MIT Core · Pro modules available · No per-deployment fee