Live Examples

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

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

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

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

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

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

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.

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 dates (令和/平成/昭和) and bracket color formats ([赤]/[Red]) for business documents — P&L statement demo with red-negative display.

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

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

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

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

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

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