ReoGrid ReoGrid Web

Live Examples

Try each demo live in the browser — click any card to open.

🧩 Feature Demos (11)

Cell Types Dashboard

Cell Types Dashboard

PRO

Progress bars, star ratings, sparkline charts, checkboxes, and hyperlinks — all rendered inside spreadsheet cells.

Data Filter & Sort

Data Filter & Sort

PRO

Click column header dropdowns to filter and sort rows. Switch between 300, 1K, and 10K rows to test performance.

Cell Styles

Cell Styles

Font styles, colors, backgrounds, text alignment, and border options — a showcase of the Cell Style API.

Freeze Panes

Freeze Panes

PRO

Toggle frozen rows and columns interactively. Scroll a 50-row dataset while headers stay fixed.

Merge & Layout

Merge & Layout

Cell merging for titles, grouped headers, side labels, and complex multi-level table layouts.

Number Formatting

Number Formatting

Format numbers as currency, percentages, dates, and custom patterns — a reference of all supported format codes.

Conditional Formatting

Conditional Formatting

PRO

Value-based cell styling with traffic-light stock levels, expression rules comparing sales vs targets, and text-match status coloring — all updating live as you edit.

Cell Tooltip — Form Validation

Cell Tooltip — Form Validation

PRO

Event registration form with contextual tooltips: blue hints for required fields, red error messages after validation. Fill, validate, and cycle through errors interactively.

Japanese Era & Color Formats

Japanese Era & Color Formats

Japanese era dates (令和/平成/昭和) and bracket color formats ([赤]/[Red]) for business documents — P&L statement demo with red-negative display.

Outline (Grouping)

Outline (Grouping)

PRO

3-level row outline (Region → Country → Branch) × 1-level column outline (quarters). All subtotals are live SUM formulas — edit any cell and watch four levels of totals update.

Multi-Sheet Workbook

Multi-Sheet Workbook

Four sheets in one workbook with a built-in tab bar. The Summary sheet consolidates three branch sheets entirely with cross-sheet formulas (='Tokyo'!E6) — edit any branch and the totals recalculate across sheets.

📋 Real-World Examples (4)

Invoice (Formula)

Invoice (Formula)

PRO

Invoice with editable quantities and unit prices — totals auto-calculate with formulas. Available on StackBlitz as React, Vue, and Vanilla.

Interactive Quotation

Interactive Quotation

PRO

Edit quantities and unit prices — totals auto-calculate with SUM formulas. Real spreadsheet formulas running in the browser.

Attendance Sheet

Attendance Sheet

Monthly attendance tracking with weekend/holiday coloring and summary columns.

Budget Tracker

Budget Tracker

Quarterly income and expense tracker with category sections, color-coded totals, and profit summary.

Performance (3)

1,000,000 Rows — Delay Load

1,000,000 Rows — Delay Load

PRO

A scrollbar that represents one million rows while only visible rows are fetched on demand. Jump anywhere — the grid keeps a few hundred rows in memory.

Big Data — 10,000 Rows

Big Data — 10,000 Rows

PRO

Load 10,000 rows instantly and sort by any column. Sort time is displayed in real-time — typically under 1 second.

Animation

Animation

PRO

Formula results animate smoothly when values change. Watch numbers and progress bars transition fluidly.

📂

Want to see some magic?

Drop your own .xlsx file and watch it render instantly. No upload, no server — everything stays on your machine.

Open XLSX Viewer

Powered by ReoGrid Pro — supports styles, merged cells, images, and more.

Stay Updated

Be first to know — get updates as they ship

Get notified of new releases, features, and announcements.
No spam — just updates that matter.