dhtmlxSpreadsheet is reborn in version 3.0

dhtmlxSpreadsheet for Angular

Highly customizable Angular spreadsheet component with elegant Material style for editing and formatting data safely and conveniently.

Menu
Edit line
Readonly

How It Works

5 Quick Steps to Integrate Spreadsheet with Angular
1
Create a Spreadsheet.ts file and import files and styles of Spreadsheet
2
Add an empty container for Spreadsheet with the ref attribute
3
Set the list of used Spreadsheet configuration properties and their types
4
When the component is initialized, 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

  • JavaScript Spreadsheet built for Angular
  • Additional support for React 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

Customize your Angular spreadsheet widget to bits.

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 Angular?

Specially crafted for Angular
Building Angular apps using dhtmlxSpreadsheet requires just a couple of simple steps, as our spreadsheet component written natively in JavaScript has a smooth integration with Angular. Check the documentation to find out all the details. Besides, dhtmlxSpreadsheet supports React and Vue.js frameworks to cater for the tasks of most developers.
Edit and format data securely
The main advantage of dhtmlxSpreadsheet is secure data processing performed on your own server. Involving Ajax techniques, our Angular spreadsheet component is able to display data on a web page without any threat to your data sources. If there's a need to restrict access to the data for end users, you can run your spreadsheet in read-only mode.
Complete customization
The structure of dhtmlxSpreadsheet is highly configurable. All of its parts including Menu, Context Menu, Editing Line, Toolbar and Grid have flexible configuration settings for adjusting the Angular spreadsheet component to your project. You can switch on or off the menu, add custom menu items, toolbar controls and choose another icon font.
Data manipulation
Our developers created elaborate API, which enables conducting lots of operations in the grid. Working with data in dhtmlxSpreadsheet is much like working in Excel for end users. Here you have undo and redo commands, options for selecting cells by block, locking and unlocking them, pasting new rows and columns or deleting them from the grid, resizing columns etc.
Applying styles
dhtmlxSpreadsheet offers a broad range of formatting options for advanced data presentation. These options include setting the background color of cells with the help of the color picker, text decoration, and alignment, etc. On top of that, it's possible to clear styles of cells and their values.

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