dhtmlxSpreadsheet for React
Elegant React spreadsheet with Material skin and flexible customization for a fast and secure editing and formatting of data.
Spreadsheet for:
How It Works
5 Quick Steps to Integrate Spreadsheet with React
1
Create a Spreadsheet.js file and import files and styles of Spreadsheet
2
Create Spreadsheet class, which extends the Component class
3
Add an empty container for Spreadsheet with the reference to it in the el
property using the render() function
4
When the component is initialized, initialize Spreadsheet and attach the instance of
Spreadsheet to the container with the reference to it in the el property
5
You can install the destructor of Spreadsheet
To learn more check documentation
Product Features
- Multiple sheets
- Frozen columns and rows
- Math formulas
- String functions
- Boolean operators
- TypeScript support
- JavaScript Spreadsheet built for React
- Additional support for Angular and Vue.js
- Cross-browser compatibility (IE11+)
- Convenient API
- Multiline cell content
- Sorting by column and range
- Intuitive Excel-like interface
- Import and export of data to Excel and JSON
- Flexible layout, toolbar, and menu customization
- Material skin
- Interface localization
- Text formatting
- Columns' autowidth
- Plenty of operations for the grid
- Read-only mode
- Drop-down lists in cells
- Ability to add a TimePicker
- Auto filling of cells
- Hotkeys navigation
Simple Customization
Make your React spreadsheet answer the needs of your end users.
Choose custom icons for toolbar controls.
Add groups of custom toolbar controls.
Supply Menu with additional controls for grid operations.
Provide new controls for Context Menu.
Why Choose dhtmlxSpreadsheet for React?
Spreadsheet for React-based apps
dhtmlxSpreadsheet written initially in JavaScript provides flawless integration with React. It takes about 5 quick steps
to run your spreadsheet component using React, which you will find in our documentation. Apart from that, there's built-in
support for Angular and Vue.js.
Secure data processing
With our React spreadsheet component processing data is secured by being conducted on your own server. Ajax-technology
allows you to render the spreadsheet promptly on a web page. End users may access the spreadsheet in an edit mode or
read-only mode according to the settings you prefer to define.
Extended customization
dhtmlxSpreadsheet consists of several configurable parts: Menu, Context Menu, Toolbar, Editing Line, and Grid.
Depending on your requirements you can simply switch on or off some of these elements or change their configuration.
For instance, change default toolbar icons for custom ones, remove or add toolbar controls, add custom menu items etc.
Operations on data
Working with dhtmlxSpreadsheet is similar to working with data in Excel, as our React spreadsheet component is
supplied with a range of such essential options as block selection, undo/redo commands, locking cells, pasting
additional columns and rows, changing columns' size, which is available due to the simple yet detailed API.
Operations on data are intuitive and familiar for end users.
Styling data in the grid
Moreover, end users benefit from styling options for presenting data the way they need. For instance, it's
possible to define the color of the cells' background, text alignment, and decoration etc. If needed, end
users may clear the styles applied at any moment.
dhtmlxSpreadsheet Licensing
| Individual | Commercial | Enterprise | Ultimate | |
|---|---|---|---|---|
| License Terms |
Individual
|
Commercial
|
Enterprise
|
Ultimate
|
| Developers |
Individual
1
|
Commercial
5
|
Enterprise
20
|
Ultimate
|
| Projects |
Individual
1
|
Commercial
1
|
Enterprise
5
|
Ultimate
|
| Use in SaaS (unlimited end-users) |
Individual
|
Commercial
|
Enterprise
|
Ultimate
|
| Perpetual distribution rights |
Individual
|
Commercial
|
Enterprise
|
Ultimate
|
| Support Plan |
Individual
Standard Support
|
Commercial
Premium Support
|
Enterprise
Premium Support
|
Ultimate
Ultimate Support
|
| Time Period |
Individual
1 year
|
Commercial
1 year
|
Enterprise
1 year
|
Ultimate
1 year
|
| Updates |
Individual
Major, minor, and maintenance updates
|
Commercial
Major, minor, and maintenance updates
|
Enterprise
Major, minor, and maintenance updates
|
Ultimate
Major, minor, and maintenance updates
Priority queue for bug fixing
|
| Support requests |
Individual
10
|
Commercial
30
|
Enterprise
50
|
Ultimate
|
| Response Time |
Individual
72h
|
Commercial
48h
|
Enterprise
48h
|
Ultimate
24h
|
| Personal Account Manager |
Individual
|
Commercial
|
Enterprise
|
Ultimate
|
|
Functionality
|
Individual
Professional
|
Commercial
Professional
|
Enterprise
Professional
|
Ultimate
Professional
|
| Online export to Excel |
Individual
Free
|
Commercial
Free
|
Enterprise
Free
|
Ultimate
Free
|
| Free local Excel export module |
Individual
|
Commercial
|
Enterprise
|
Ultimate
|
|
Individual
Total: $599
|
Commercial
Total: $1299
|
Enterprise
Total: $2899
|
Ultimate
Total: $5799
|
Support & Learning Resources
We provide comprehensive documentation with technical samples. Moreover, our dedicated support team is fast and qualified. Find the suitable way to get support:
Need help with dhtmlxSpreadcheet integration into your app? Contact us
Send
a Question
a Question