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
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

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


Why choose the Syncfusion JavaScript Spreadsheet?

A high performance JavaScript Spreadsheet.

High performance

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

JavaScript 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.

JavaScript Spreadsheet hassle free formatting.

Hassle-free formatting

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

Transform data to chart in JavaScript Spreadsheet.

Transform data to a chart

The chart feature transforms the Spreadsheet data into an attractive visual for more intuitive understanding of the dataset.

JavaScript Spreadsheet built-in formula.

Wide range of built-in formulas

The JavaScript Spreadsheet library provides a wide range of formulas with cross-sheet reference support. Its rich UI comes with a built-in calculation engine for performing formula calculations.

JavaScript Spreadsheet themes.

Attractive, customizable themes

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

JavaScript Spreadsheet globalization.

Globalization and localization

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


JavaScript Spreadsheet Code example

Easily get started with the JavaScript Spreadsheet using a few simple lines of HTML and JS code, as demonstrated in the following example. Also explore our JavaScript Spreadsheet example, which shows you how to render and configure a Spreadsheet in JavaScript.

<div class="control-section">
    <div id="spreadsheet"></div>
</div>
import { Spreadsheet } from '@syncfusion/ej2-spreadsheet';
import { defaultData } from './datasource.ts';
    //Initialize Spreadsheet component

var columns = [
    {width: 130},
    {width: 92},
    {width: 96}
];
    var spreadsheet = new Spreadsheet({
        sheets: [{ name: 'Price Details', ranges: [{ dataSource: defaultData }], columns: columns }]
            }]
    });

    //Render initialized Spreadsheet component
    spreadsheet.appendTo('#spreadsheet');

Worksheet

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 JavaScript Spreadsheet.

JavaScript worksheet.


Work with cell range

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

Wrap text in JavaScript 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 JavaScript Spreadsheet.

Merge cells

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

Data validation in JavaScript Spreadsheet.

Data validation

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

Autofill in JavaScript Spreadsheet.

Autofill

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


JavaScript Spreadsheet editing.

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.


Number formatting

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

Number formatting in JavaScript Spreadsheet.


Sheet tabs in JavaScript Spreadsheet.

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.


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.

Conditional formatting in JavaScript Spreadsheet.


JavaScript Spreadsheet sorting and filtering.

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.

Images

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

Image in JavaScript Spreadsheet component


Chart in JavaScript Spreadsheet.

Charts

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


Ribbon UI

An interactive ribbon organizes the Spreadsheet’s features into a series of tabs. Collapse the ribbon to make more rows visible in the viewport.

Ribbon in JavaScript Spreadsheet.


Searching in JavaScript Spreadsheet.

Find and replace

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


Freeze panes

The freeze panes allow 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 JavaScript Spreadsheet.


Protection in JavaScript Spreadsheet.

Protection

  • 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 JavaScript Spreadsheet user interface has been customized and redesigned for great views and usability on small screens.

JavaScript Spreadsheet adaptive UI layout.


Interactive features

Clipboard operations in JavaScript 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 newly selected range.

Undo and redo in JavaScript Spreadsheet.

Undo and redo

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

Context menu in JavaScript Spreadsheet.

Context menu

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

Cell comments in JavaScript Spreadsheet.

Cell comments (notes)

The Spreadsheet component provides options to add, edit, and delete cell comments.

Row and column resizing in JavaScript Spreadsheet.

Resize and autofit

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

Smooth scrolling in JavaScript Spreadsheet.

Smooth scrolling

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


Open and save

JavaScript 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 JavaScript Spreadsheet.

JavaScript Spreadsheet excel and csv export.

Excel and CSV export

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


Accessibility

Keyboard navigation in JavaScript Spreadsheet.

Keyboard navigation

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

Screen reader

The JavaScript Excel Spreadsheet 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 JavaScript 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

 JavaScript Spreadsheet touch friendly.

Touch-friendly and responsive

Spreadsheet 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 mobile phones, tablets, and desktop form factors.

JavaScript 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.

Print

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





Other supported frameworks

The Spreadsheet component is also available in the React, Angular, Vue, ASP.NET Core, and ASP.NET MVC frameworks. Check out the Spreadsheet for different platforms from these links:,

Supported browsers

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

Supported browsers in JavaScript Spreadsheet.

85+ JAVASCRIPT UI CONTROLS

Frequently Asked Questions

  • 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.
  • Support for freeze panes, keyboard shortcuts, and all the common Excel features.
  • Support for all modern browsers.
  • Touch-friendly and responsive UI.
  • Expansive learning resources such as demos and documentation to help you get started quickly with JavaScript Spreadsheet.

We do not sell the JavaScript Spreadsheet separately. It is only available for purchase as part of the Syncfusion team license. This contains over 1,800 components and frameworks, including the JavaScript Spreadsheet. The price of the team license starts at $395 per month for 5 developers, and includes support and updates until the subscription expires. In addition, we might offer discounts based on currently active promotions. Please contact our product specialists to see if you qualify for any additional discounts.

You can find our JavaScript Spreadsheet demo here. It demonstrates how to render and configure the Spreadsheet.

No, our 1,800+ components and frameworks for web, mobile, and desktop, including our JavaScript Spreadsheet, are not sold individually. They are only available as part of a team license. However, we have competitively priced the product, so it only costs a little bit more than what some other vendors charge for their Spreadsheet control alone. We have also found that, in our experience, our customers usually start off using one of our products and then expand to several products quickly, so we felt it was best to offer all 1,800+ components and frameworks for a subscription fee that starts at $395 per month for a team of 5 developers. Additionally, we might be able to offer discounts based on currently active promotions. Please contact our product specialists to see if you qualify for any additional discounts.

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.

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.

Up arrow icon