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

GNU GPL v2 Commercial Enterprise
License Terms
Developers
GNU GPL v2
Commercial
5
Enterprise
Projects
GNU GPL v2
Commercial
1
Enterprise
Perpetual distribution
GNU GPL v2
Commercial
Enterprise
Standard Functionality
GNU GPL v2
Commercial
Enterprise
Support and Updates
Updates
GNU GPL v2
Commercial
1 update
Enterprise
1 year of all updates
Support
GNU GPL v2
Commercial
5 tickets within 1 year
Enterprise
Unlimited for one year
Total: $149
Total: $449
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