React Spreadsheet
The official declarative React wrapper for DHTMLX Spreadsheet. Build spreadsheet UIs with a component-based API: pass data as props, respond to changes via event callbacks, and access the underlying widget through a ref when needed.
Get started
- Installation - install the evaluation or commercial package
- Quick start - build your first spreadsheet app step by step
- Online examples - check live demos of React Spreadsheet features
info
You can also explore the GitHub demo repository for a complete working example.
API reference
- Props reference - all component props with types and defaults
- Events reference - event callback props grouped by category
- Types reference - TypeScript interfaces, enums, and type aliases
Data model
The sheets prop is the single source of truth for all spreadsheet data. Each sheet is a SheetData object containing cells, row/column configuration, merged ranges, frozen panes, filters, and sorting.
State management
Learn how to keep spreadsheet data in sync with your application state:
- State management basics - controlled props, event callbacks, the ref escape hatch
- Redux toolkit - step-by-step integration guide
Framework integrations
- Next.js - using React Spreadsheet with Next.js App Router
Theming and localization
- Themes - built-in themes and custom CSS overrides
- Localization - UI translations and number/date formatting