dhtmlxSpreadsheet is reborn in version 3.0

dhtmlxSpreadsheet for React

Elegant React spreadsheet with Material skin and flexible customization for a fast and secure editing and formatting of data.

Menu
Edit line
Readonly

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

Product Features

  • JavaScript Spreadsheet built for React
  • Additional support for Angular and Vue.js
  • Cross-browser compatibility (IE11+)
  • Convenient API
  • Intuitive Excel-like interface
  • Flexible layout, toolbar, and menu customization
  • Material skin
  • Interface localization
  • Text formatting
  • Columns' autowidth
  • Plenty of operations for the grid
  • Read-only mode

Simple Customization

Make your React spreadsheet answer the needs of your end users.

Custom icons for toolbar
Custom groups of toolbar controls
Custom menu controls
Custom context menu controls
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

Free GNU GPL v2 Commercial Enterprise Ultimate
License Terms
Free GNU GPL v2
Commercial
Enterprise
Ultimate
Developers
Free GNU GPL v2
Commercial
5
Enterprise
20
Ultimate
Projects
Free GNU GPL v2
(open source only)
Commercial
1
Enterprise
5
Ultimate
SaaS
Free GNU GPL v2
Commercial
Enterprise
Ultimate
Perpetual distribution rights
Free GNU GPL v2
Commercial
Enterprise
Ultimate
Support Plan
Free GNU GPL v2
No Official Support
Commercial
Standard Support
Enterprise
Premium Support
Ultimate
Ultimate Support
Time Period
GNU GPL
Commercial
1 year
Enterprise
1 year
Ultimate
1 year
Updates
GNU GPL
Commercial
Minor & major updates
Bug fixes
Enterprise
Minor & major updates
Bug fixes
Ultimate
Minor & major updates
Bug fixes
Emergency bug fixes
Tickets
Free GNU GPL v2
Only Community Forum
Commercial
10
Enterprise
30
Ultimate
Response Time
GNU GPL
Commercial
72h
Enterprise
48h
Ultimate
24h
Personal Acccount Manager
GNU GPL
Commercial
Enterprise
Ultimate
dhtmlx bundles
Want to get more and save money?

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