< Announcing a new DHTMLX component - JavaScript To Do List Discover filtering and searching for data, merging cells, auto-width, and other new features in DHTMLX Spreadsheet 5.0

dhtmlxSpreadsheet for Vue.js

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

View more demos

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

  • 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.

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

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
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:

Other DHTMLX Products

Need help with dhtmlxSpreadcheet integration into your app? Contact us

Send
a Question