dhtmlxSpreadsheet for Vue.js
Safe and intuitive editing and formatting of data with customizable Material-style Vue spreadsheet.
Spreadsheet for:
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
To learn more check documentation
Product Features
- Multiple sheets
- Frozen columns and rows
- Math formulas and string functions
- Sorting columns and data ranges
- Drop-down lists in cells
- Boolean operators
- TypeScript support
- Cross-browser compatibility (IE11+)
- Convenient API
- Intuitive Excel-like interface
- Flexible layout, toolbar, and menu customization
- Material skin
- Import and export of data to Excel (in all browsers except IE and Microsoft Edge)
- Import and export of data to JSON
- Default and custom number formats
- Ability to add a TimePicker
- Ability to wrap or clip long text
- Interface localization
- Text formatting
- Columns' autowidth
- Plenty of operations for the grid
- Read-only mode
- Auto filling of cells
- Hotkeys navigation
Simple Customization
Build a custom Vue spreadsheet with unique look and feel.
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
| 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