dhtmlxSpreadsheet is reborn in version 3.0

dhtmlxSpreadsheet for Vue.js

Safe and intuitive editing and formatting of data with customizable Material-style Vue spreadsheet.

Menu
Edit line
Readonly

How It Works

5 Quick Steps to Integrate Spreadsheet with Vue.js
1
Create a Spreadsheet.vue file and add an empty container for Spreadsheet with the ref attribute
2
Import files and styles of Spreadsheet
3
Set the list of used Spreadsheet configuration properties and their types
4
When the component is initialized (mounted), initialize Spreadsheet and attach the instance of Spreadsheet to the container with the ref attribute
5
You can install the destructor of Spreadsheet

Product Features

  • Smooth initialization with Vue.js
  • Additional support for React and Angular
  • 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

Build a custom Vue spreadsheet with unique look and feel.

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 Vue.js?

Smooth initialization with Vue.js
Integrating dhtmlxSpreadsheet, our spreadsheet component written in pure JavaScript, in Vue-based apps takes a couple of simple steps described in our guide and won't take a lot of effort. Besides, we provide support for other popular frameworks like Angular and React.
Safe way to process data
dhtmlxSpreadsheet ensures safe processing of your data, as it's performed on your server with no threat to your data sources. By means of Ajax techniques data is rendered smoothly on a web page. There're two built-in modes to work with data in the spreadsheet: edit mode and read-only mode.
Different customization options
As all parts of Vue spreadsheet component are flexible and configurable, you can easily design the widget the way you need. For instance, switch off the Menu or Editing line, add new toolbar controls or change the icon font of controls, define new menu items etc.
Intuitive work with data
Our Vue spreadsheet offers an intuitive way to work with data based on its Excel-like interface due to its comprehensive API. Among the available operations are undo and redo actions, locking/unlocking cells, block selection, resizing columns, adding new rows and columns or removing existing ones.
Formatting cells
Additionally, there are plenty of formatting options to help end users present data in a beautiful manner. These options include setting the background color of cells, text decoration, and alignment, etc. At any time end users can also remove the styles applied to cells, their values or both.

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