We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

syncfusion trusted companies


The Angular Spreadsheet, also known as the Angular Excel viewer, is a feature-rich component for organizing and analyzing data in a tabular format. It provides all the common Excel features, including data binding, selection, editing, formatting, resizing, sorting, and importing and exporting Excel documents.

Why choose Syncfusion Angular Spreadsheet?

Angular Spreadsheet high performance

High performance

The Angular Spreadsheet is designed and optimized for loading large amounts of data into a worksheet and view it on demand with the help of row and column virtualization.

Angular Spreadsheet data binding

Seamless data binding

Bind data seamlessly with various local and remote data sources such as JSON, OData, WCF, and RESTful web services with the help of a data manager.

Angular Spreadsheet editing

Collaborative editing

Easily collaborate on workbooks. Multiple users can work on a spreadsheet at the same time and view the changes made by others instantly.

Angular Spreadsheet hassle free formatting

Hassle-free formatting

Angular Spreadsheet allows users to format cells, numbers, and also allows conditional formatting to format a cell or range of cells based on the conditions applied.

Transform data to chart in Angular Spreadsheet

Transform data to chart

The Chart feature transforms the Spreadsheet data into an intuitive overview for better understanding and to make smart business decisions.

Angular Spreadsheet built-in formula

Wide range of built-in formulas

The Angular Spreadsheet library provides a wide range of formulas with cross-sheet references support and a rich UI that comes with an in-built calculation engine that performs formula calculations.

Angular Spreadsheet themes

Attractive customizable themes

Cutting edge design with 5+ built-in themes such as Fluent, Tailwind CSS, Bootstrap, Material, Fabric, and more. Utilize the online Theme Studio tool to customize themes of Spreadsheet easily.

Angular Spreadsheet globalization

Globalization and localization

Enables users from different locales to use the Spreadsheet by formatting dates, currency, and numbering to suit their preferences.

Angular Spreadsheet Code Example

Easily get started with the Angular Spreadsheet using a few simple lines of HTML and TS code example as demonstrated below. Also explore our Angular Spreadsheet Example that shows you how to render and configure a Spreadsheet in Angular.

<div class="control-section">
            <e-range [dataSource]='data'></e-range>
import { Component, OnInit } from '@angular/core';
export class AppComponent implements OnInit {

    public data: object[] = [];

    ngOnInit(): void {
        this.data = [
            { OrderID: 10248, CustomerID: 'VINET', EmployeeID: 5, ShipCity: 'Reims' },
            { OrderID: 10249, CustomerID: 'TOMSP', EmployeeID: 6, ShipCity: 'Münster' },
            { OrderID: 10250, CustomerID: 'HANAR', EmployeeID: 4, ShipCity: 'Lyon' }


A worksheet is a collection of cells arranged in rows and columns that lets you save, format, and work with data. You can create, delete, and rename worksheets, as well as customize the headers, gridlines, and sheet visibility in our Angular Spreadsheet.

Angular worksheet

Work with cell range

A cell range refers to a set of cells in a sheet. Angular Spreadsheet supports several features for working with cell ranges.

Wrap text in Angular Spreadsheet

Wrap text

You can display a large amount of content in multiple lines within a single cell by using text wrap.

Merge cells in Angular Spreadsheet

Merge cells

Combine two or more cells from the same row or column into a single cell by merging them.

Data validation in Angular Spreadsheet

Data validation

Restrict the entry of wrong data by users with data validation. You can also highlight the incorrect data.

Autofill in Angular Spreadsheet


The autofill option allows users to fill or copy a series or pattern of values and formats into adjacent cells in any direction.

Angular Spreadsheet editing


Data editing allows you to add, edit, and remove formulas or values in a cell. Edit the contents of a cell directly in the cell or by typing the formula bar.

Excel-like selection

The Angular Spreadsheet library provides interactive support to highlight the cells, rows, columns, and sheets selected. Selection can be done through mouse, touch, or keyboard interaction.

Angular Spreadsheet selection

Number formatting in Angular Spreadsheet

Number formatting

Number formatting is used to change the appearance of numbers in Angular Spreadsheet. It helps display data as currency, percentages, short dates, long dates, time, fractions, and scientific numbers, similar to Excel.

Cell formatting

Using cell formatting, users can highlight a particular cell or range of cells from a whole workbook. The component supports various formatting options: font size, font family, font color, fill color, indent, and horizontal and vertical alignments of text.

Sheet tabs in Angular Spreadsheet

Conditional formatting in Angular Spreadsheet

Conditional formatting

Conditional formatting can format a cell or range of cells based on the conditions that are applied. This enables you to highlight data based on the appropriate condition.

Sort and filter

  • Reorganize data faster by sorting the range of cells in either the ascending or descending order. The custom sort option allows you to sort multiple columns.
  • When filtering, if values in one or more columns do not meet the filtering criteria, all the data will be hidden. You can filter text, dates, and numbers.

Angular Spreadsheet sorting and filtering

Hyperlink in Angular Spreadsheet Viewer

There is built-in support for hyperlinks and bookmarks. Navigate to web links or cell references within the sheet or other sheets in the workbook.


The image feature allows users to view, insert, and modify a picture in a Angular Spreadsheet with customizing options.

Image in Angular Spreadsheet component

Chart in Angular Spreadsheet


The chart feature transforms the Spreadsheet data into an intuitive overview for better understanding.

Ribbon UI

The Angular Spreadsheet provides an interactive ribbon that organizes the spreadsheet’s features into a series of tabs. Collapse the ribbon to make more rows visible in the viewport.

Ribbon in Angular Spreadsheet

Searching in Angular Spreadsheet

Find and replace

You can use Find and Replace option to search for content easily within a worksheet or workbook and then change out the original text for an alternative.

Freeze panes

The freeze panes allows users to keep specified rows and columns always visible at the top or left side of the sheet while scrolling through it.

Freeze panes in Angular Spreadsheet

Protection in Angular Spreadsheet


  • Encrypt workbooks with a password to prevent unauthorized users from opening them.
  • Encrypt worksheets with a password and restrict user actions like editing, row and column resizing, inserting, and deleting.

Adaptive UI layout

The Angular Spreadsheet user interface has been customized and redesigned for great views and usability on small screens.

Angular Spreadsheet adaptive UI layout

Interactive features

Clipboard operations in Angular Spreadsheet

Copy to clipboard

Use the clipboard operations, cut, copy, and paste, just like Microsoft Excel. You can paste the values or formulas with or without formatting in a newly selected range.

Context menu in Angular Spreadsheet

Context menu

The context menu improves user interaction with the Angular Spreadsheet using a pop-up menu. It appears when a cell, row header, column header, or sheet tab is right clicked.

Row and column resizing in Angular Spreadsheet

Resize and autofit

The resize and autofit options help you adjust the row height and column width.

Undo and redo in Angular Spreadsheet

Undo and redo

The Angular Spreadsheet component provides an option to undo and redo changes made in a workbook. You can customize the limit of undo and redo operations.

Smooth scrolling in Angular Spreadsheet

Smooth scrolling

The Angular Spreadsheet component provides a smooth scrolling experience even with many cells in a view.

Open and save

Angular Spreadsheet excel and csv import

Excel and CSV import

Load Excel documents initially or open them like an Excel application with data accuracy, styles, and formats. Microsoft Excel (.xlsx), Microsoft Excel 97-2003 (.xls), and comma-delimited values (.csv) file formats can be opened in a Angular Spreadsheet.

Angular Spreadsheet excel and csv export

Excel and CSV export

Easily save the Angular Spreadsheet component with data accuracy, styles, and formats as an Excel file. The Angular Material Spreadsheet supports file formats such as Microsoft Excel (.xlsx), Microsoft Excel 97-2003 (.xls), and comma-delimited values (.csv).


Keyboard navigation in Angular Spreadsheet

Keyboard navigation

The Angular Excel Spreadsheet ensures that every cell is accessible using a keyboard. Major features like selection, clipboard, and editing can be performed using keyboard commands alone, no mouse interaction is required. This helps in creating highly accessible applications using this component.

Accessibility and screen reader support in Angular Spreadsheet

Screen reader

The Angular Excel Grid view has complete WAI-ARIA accessibility support. Its rich UI includes high-contrast visual elements, helping visually impaired people have the best viewing experience. Also, valid UI descriptions are easily accessible through assistive technologies such as screen readers.

Show right-to-left language in Angular Spreadsheet

Right to left (RTL)

Right-to-left rendering allows you to display the text and layout of the Spreadsheet from right to left. This improves the user experience and accessibility for RTL languages.

Additional features

 Angular Spreadsheet touch friendly

Touch-friendly and responsive

It recognizes touch gestures, allowing the user to swipe left or right to move the sheet. The responsive, mobile friendly design provides the best user experience on all mobiles, tablets, and desktop form factors.

Angular Spreadsheet api

Developer-friendly APIs

Developers can customize their UI and control its behaviors according to the end user’s requirement using the control’s rich set of client-side APIs.

Print spreadsheet


With the Angular Spreadsheet control, you can print a single or multiple sheets of spreadsheet data easily.

Angular version compatibility

With continuous improvement in Angular versions, the Angular Spreadsheet is kept up to date to make it compatible with versions starting from 4 to the latest version.

Angular Spreadsheet version compatibility

Other supported frameworks

Spreadsheet is also available in React, Vue, and JavaScript frameworks. Check out the different Spreadsheet platforms from the links below,

Supported browsers

The Angular Spreadsheet works well with all modern web browsers such as Chrome, Firefox, Microsoft Edge, Safari, and Opera.

Supported browsers of Angular Spreadsheet


Frequently Asked Questions

The Syncfusion Angular Spreadsheet provides the following features:

  • Seamless data analysis and visualization like in Microsoft Excel.
  • Compatibility with Microsoft Excel file formats.
  • Highly intuitive user interfaces.
  • Flexible data binding with support to use local and remote data source services.
  • Supports Freeze panes, Keyboard shortcuts and all the common Excel features.
  • One of the best Angular Spreadsheet in the market that offers feature-rich UI to interact with the software.
  • Supports all modern browsers.
  • Mobile-touch friendly and responsive.
  • Expansive learning resources such as demos and documentation to learn quickly and get started with Angular Spreadsheet.

You can find our Angular Spreadsheet demo, which demonstrates how to render and configure the Spreadsheet.

No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.

A good place to start would be our comprehensive getting started documentation.

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time.
Here are some of their experiences.

Rated by users across the globe

Transform your applications today by downloading our free evaluation version
Download Free Trial No credit card required.


Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon
Live Chat Icon For mobile