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. (Last updated on: June 24, 2019).
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 (Excel viewer) is a feature-rich component for organizing and analyzing data in tabular format with some cool features similar to Microsoft Excel’s. It provides all the common Excel features, including data binding, selection, editing, formatting, resizing, sorting, and importing and exporting Excel documents.

Data binding

Bind data seamlessly with various local and remote data sources such as JSON, RESTful services, OData services, and WCF services. The control uses a data manager to handle data and supports customizing data requests and processing.

Angular Spreadsheet data binding.

High performance

The Angular Spreadsheet (Excel like grid) Component is designed and optimized for high performance in every aspect.

Instant data loading in Angular Spreadsheet.

Instant loading

Instant loading allows users to load large amounts of data into a worksheet and view it on demand with the help of row and column virtualization.

Smooth scrolling in Angular Spreadsheet.

Smooth scrolling

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

Angular Spreadsheet editing.


In the Angular Spreadsheet, data editing allows you to add, edit, and remove formulas or values in a cell. You can edit the contents of a cell directly in the cell or by typing in the formula bar.

Excel-like selection

The Angular Spreadsheet widget provides interactive support to highlight cells, rows, columns, and sheets that you select. Selection can be done through mouse, touch, or keyboard interaction.

Angular Spreadsheet selection.


The Angular Spreadsheet library provides a wide range of formulas with cross-sheet references support.

Angular Spreadsheet built-in formulas.

Built-in functions

The Angular Spreadsheet provides a built-in calculation engine, which is suitable for most of your calculations. Spreadsheet also provides an option to create and use your own custom formulas.

Angular Spreadsheet dependent cell reference.

Auto calculation

Values are automatically recalculated when a dependent cell is edited.

Number formatting in Angular Spreadsheet.

Number formatting

Number formatting provides a type for your data in Spreadsheet. It helps to display your 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.

Open and save

Excel and CSV import

The Angular Spreadsheet component can 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 Spreadsheet.

Excel and CSV export

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

Sort and filter

  • You can reorganize your data faster by sorting the range of cells in either 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.

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

Hyperlink in Angular Spreadsheet.


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

Image in Angular Spreadsheet.


The chart feature transforms your Spreadsheet data to an intuitive overview for better understanding and to make smart business decisions.

Chart in Angular Spreadsheet.

Ribbon UI

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

Ribbon in Angular Spreadsheet.

Collaborative editing

This feature makes it easy to collaborate on workbooks. It allows multiple users to work on a spreadsheet at the same time and view the changes made by others instantly.

Collaborative editing in Angular Spreadsheet.

Interactive features

Clipboard operations in Angular Spreadsheet.

Copy to clipboard

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

Context menu in Angular Spreadsheet.

Context menu

The context menu improves user interaction with Spreadsheet using a pop-up menu. It appears when a cell, row header, column header, or sheet tab is right-clicked. In addition to built-in default menu items, it allows you to add custom context menu items.

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 provides an option to undo and redo changes made in a workbook. You can customize the limit of undo and redo operations.


Keyboard navigation in Angular Spreadsheet.

Keyboard navigation

The Angular Excel Spreadsheet ensures that every cell is accessible using the 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. The Spreadsheet 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.

Built-in and customizable themes

Five built-in, SASS-based themes are available: Material, Bootstrap, Bootstrap 4, Fabric, and high contrast. Simplify theme customization either by overriding the existing SASS styling or creating custom themes using the Theme Studio application.

Angular Spreadsheet themes.

Globalization and localization

Format dates and numbers in Angular Spreadsheet.


The Angular Spreadsheet enables users from different locales to use it by formatting the dates, currency, and numbering to suit local preferences. It uses the internalization (i18n) library to handle number formatting.

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.

Localize Angular Spreadsheet UI strings.


Users can localize all the strings used in the user interface of the Angular Spreadsheet component. The component uses the localization (l10n) library to localize UI strings.

Supported browsers

The Angular Spreadsheet works well with all modern web browsers: Chrome, Firefox, Edge, Safari, and IE11. It supports IE11 with the help of polyfills.

Supported web browsers for Angular Spreadsheet.

Other supported frameworks

The Angular Spreadsheet is also available in JavaScript, React and Vue platforms that are built from their own TypeScript libraries.

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.


Read independent,
authenticated reviews
on G2

Download Now Pricing

What do our customers say about us?

double quotes

Using Syncfusion Angular and JavaScript controls makes front-end web development a piece of cake. Each component has many properties that can be configured as per your desire, methods that can be used to interact with the element, and a lot of events that trigger at different stages, which makes modifying your components according to the state of the application an easy task. Also, their support is amazing! They always offer a sample working project, which makes it very simple to solve your question about your code.
Carlos Rodriguez Garcia

Carlos Rodriguez Garcia


double quotes

We started using Syncfusion Angular controls for the Scheduler to offer our providers a way to schedule their availability and automate our administrative process to show availability and gaps in schedules. This helped us provide the best user experience and deliver care to our patients in a timely manner.
Tim Rankel

Tim Rankel

Senior Developer at MeMD

Transform your applications today by downloading our free evaluation version Download Free Trial


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.

Scroll up icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile