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: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The React Spreadsheet or Excel viewer, is a feature-rich component for organizing and analyzing data in tabular format with some cool features like Microsoft Excel. 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 the data manager to handle data and supports customizing data requests and processing.

React Spreadsheet data binding.


High performance

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

Instant data loading in React 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 React Spreadsheet.

Smooth scrolling

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


React Spreadsheet editing.

Editing

In the React data sheet, 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 React 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.

React Spreadsheet selection.


Formulas

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

React Spreadsheet built-in formulas.

Built-in functions

The React 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.

React Spreadsheet dependent cell reference.

Auto calculation

Values are automatically recalculated when a dependent cell is edited.


Number formatting in React 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 React Spreadsheet.


Open and save

Excel and CSV import

The React 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).


React Spreadsheet sorting.

Sort

You can reorganize your data faster by sorting the range of cells in either ascending or descending order. Custom sort option allows you to sort multiple columns.


Ribbon UI

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

Ribbon in React Spreadsheet.


Interactive features

Clipboard operations in React 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 React 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 React Spreadsheet.

Resize and autofit

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


Accessibility

Keyboard navigation in React Spreadsheet.

Keyboard navigation

The React 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 React Spreadsheet.

Screen reader

The React Spreadsheet 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.

React Spreadsheet themes.


Globalization and localization

Format dates and numbers in React Spreadsheet.

Globalization

The React 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 React 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 React Spreadsheet UI strings.

Localization

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


Supported browsers

The React 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 React Spreadsheet.


Other supported frameworks

The React Spreadsheet is also available in JavaScript, Angular 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.


65+ REACT UI COMPONENTS

Read independent,
authenticated reviews
on G2

Download Now Pricing

What do our customers say about us?

Double quotes

We're using the file formats and Windows/JavaScript list controls a lot. They're fast, easy to use, and the documentation is good and contains examples. Tickets with questions or suggestions were answered within a day, so we're happy to use the Syncfusion libraries.
Daniel Persidok

Daniel Persidok

wpd onshore GmbH & Co. KG

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

Vistatec

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

Awards

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.

Syncfusion Awards
Scroll up 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.