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

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

View more demos

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

  • Multiple sheets
  • Frozen columns and rows
  • Math formulas
  • String functions
  • Boolean operators
  • TypeScript support
  • JavaScript Spreadsheet built for Angular
  • Additional support for React and Vue.js
  • Cross-browser compatibility (IE11+)
  • Convenient API
  • Ability to add a TimePicker
  • Multiline cell content
  • Sorting by column and range
  • Intuitive Excel-like interface
  • Import and export of data to Excel and JSON
  • Flexible layout, toolbar, and menu customization
  • Material skin
  • Interface localization
  • Text formatting
  • Columns' autowidth
  • Plenty of operations for the grid
  • Read-only mode
  • Drop-down lists in cells
  • Auto filling of cells
  • Hotkeys navigation

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

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