JavaScript Excel Online Tutorial

SpreadJS Tutorials & Templates

Explore and learn how to implement the various features of SpreadJS right now.

SpreadJS Online Tutorial

Learn the Various Features of the JavaScript Excel Control Through Demos and Tutorials. 📚

SpreadJS Online Tutorials
Go to online tutorial

Getting Started with SpreadJS Quickly

Getting Started Guides for Each JavaScript Framework 📖

Through videos and materials, you'll learn how to get started with SpreadJS in various frameworks, how to bind JSON data to SpreadJS, how to implement export and import functionality to Excel files, and how to apply license keys.

Getting Started with PureJS | SpreadJS
Getting Started with React | SpreadJS
Getting Started with Vue | SpreadJS
Getting Started with Next.js | SpreadJS
Getting Started with Nuxt.js | SpreadJS
Getting Started with Angular | SpreadJS
Getting Started with the Excel Editor Component
Creating and using templates using the template designer
Setting up a license key
Getting Started Guide PDF
Reading Excel files via URL

  • Getting Started with PureJS | SpreadJS

    We'll show you how to easily import Excel files using SpreadJS with JavaScript code, and export them to Excel files using the JavaScript spreadsheet component API.

    Go to Online Study

  • Getting Started with React | SpreadJS

    This tutorial explains how to use the SpreadJS Excel UI control in a React development environment. You can implement Excel reading, writing, and exporting functions in React, and develop Excel-like web Excel editor features with React code.

    Go to Online Study

  • Getting Started with Vue | SpreadJS

    This tutorial explains how to use the SpreadJS Excel UI control in a Vue 3 development environment. You can implement Excel reading, writing, and exporting in Vue 3, and you can develop Excel-like web Excel editor features with Vue code.


    Vue 3 | Vue 2

  • Getting Started with Next.js | SpreadJS

    This guide explains how to use the SpreadJS Excel UI control in the Next.js development environment. You can implement Excel reading, writing, and exporting capabilities in Next.js, and develop Excel-like editor features.

    Go to Online Study

  • Getting Started with Nuxt.js | SpreadJS

    This guide explains how to use the SpreadJS Excel UI control in a Nuxt.js development environment. You can implement Excel reading, writing, and exporting functions in Nuxt.js, and develop Excel-like web Excel editor features with Nuxt.js code.


    Nuxt.js v3 | Nuxt.js v2

  • Getting Started with Angular | SpreadJS

    This tutorial explains how to use the SpreadJS Excel UI control in an Angular development environment. You can implement functions like reading, writing, and exporting Excel files in Angular, and develop a web Excel editor similar to Excel with Angular code.

    Go to Online Study

  • Getting Started with the Excel Editor Component

    Using the SpreadJS designer component, you can quickly and easily implement editors like Google Sheets and MS 365 Excel into your solutions with just a few lines of code. 


    JavaScript | React | Vue | Angular

  • Creating and using templates using the template designer

    Let's learn how to use the desktop template designer to create a template, load it into SpreadJS, and then use data binding to automatically insert values into the desired locations to complete the form!

    Go to Online Study

  • Setting up a license key

    Learn more about setting up your SpreadJS license key. We also explain how to resolve the "License Not Found" and "Invalid License" errors, which are common errors when setting up a license key.


    JavaScript | Angular

  • Getting Started Guide PDF

    This is a guide document for those who are new to SpreadJS.

    Download the Getting Started Guide PDF

  • Reading Excel files via URL

    You can retrieve an Excel (.xlsx) file from a URL and read it with a JavaScript spreadsheet application. Learn how to easily retrieve and read an Excel file from a specified URL using the SpreadJS JavaScript spreadsheet API.

    Go to Online Study

SpreadJS Utilization Tips

Check Out These Helpful Tips for JavaScript Excel Development! 💡

Blog & Tips

We provide various information to help you use SpreadJS effectively.

Online Study

This step-by-step guide explains SpreadJS in action. You can learn its features by following along.

Knowledge Sharing

This is a space where SpreadJS users can share know-how and tips.

Q&A

Through the Q&A space, you can learn more about SpreadJS.

Get technical support.

Ask Anything!

Share your vague concerns and questions about Spread.NET with MESCIUS's expert team. We empathize with your concerns and are here to help.

Online Consultation

SpreadJS Templates & Samples

Check Out Some of the Many Use Cases for SpreadJS.

Here are various templates and samples utilizing SpreadJS. You can check out actual demos and learn practical implementation methods through tutorials.

  • Business Dashboard

    Learn how to create a business dashboard using SpreadJS and Wijmo.

    View Demo
    Tutorial

  • SEO Dashboard

    This article explains how to use SpreadJS to create an SEO dashboard for SEO (Search Engine Optimization), a crucial element of digital marketing.

    View Demo
    Tutorial

  • Collating Data by Team

    Explains how to set permissions by team and collate team data.

    View Demo
    Tutorial

  • Supply Chain Dashboard

    This explains how to import a "supply chain dashboard Excel file" that a company has as an Excel file into a web page using SpreadJS.

    View Demo
    Tutorial

  • KPI Dashboard

    This explains how to import a "KPI dashboard Excel file" that a company has as an Excel file into a web page using SpreadJS.

    View Demo
    Tutorial

  • Employee Work Schedule Dashboard

    This explains how to import an "Employee Work Schedule Dashboard Excel File" that a company has as an Excel file into a web page using SpreadJS.

    View Demo
    Tutorial

  • Performance Analysis Dashboard

    This explains how to import a "performance analysis dashboard Excel file" that a company has as an Excel file into a web page using SpreadJS.

    View Demo
    Tutorial

  • SpreadJS Web Excel Editor - Designer Component

    For developers who want to implement a UI, menu structure, and Excel functionality similar to Google Sheets or online MS Excel using SpreadJS, we have released a “Designer Component.”

    Read More
    View Demo

  • SpreadJS Performance Testing Sample

    The SpreadJS performance test sample allows you to measure SpreadJS processing speed based on the amount of data. In addition to data loading times, you can also see the time it takes to perform sorting, filtering, and grouping operations.

    View Demo

  • SpreadJS, Similar to the Excel application

    This example demonstrates an application that creates an Excel-like spreadsheet using SpreadJS.

    View Demo

  • SpreadJS Mobile Usage Examples

     SpreadJS is a full-platform HTML5 front-end control that works seamlessly across PCs, tablets, and smartphones.

    SpreadJS renders data responsively, adjusting to screen size.

    SpreadJS is optimized for touchscreens, making it convenient for mobile use.


    View Demo

  • Tax Forms

    Easily create complex data entry and other similar structured forms for users to use online.

    View Demo

  • Financial KPIs

    This sample demonstrates how to create a financial KPI spreadsheet using SpreadJS.

    View Demo

  • Report Card Dashboard

    Learn how to create a report card dashboard using SpreadJS.

    View Demo

  • Income Statement

    Demonstrates how to create an income statement using SpreadJS.

    View Demo

  • Shape Workflow

    Learn how to create a workflow chart using shapes.

    View Demo

SpreadJS Key Features

  • Powerful Pivot Tables

    SpreadJS fully supports pivot tables and can import and export Excel pivot tables. Use pivot tables to group, calculate, summarize, and display large amounts of data, increasing your productivity.

  • Gantt Sheet

    Provides a GanttSheet, a data table view with quick data binding.

  • Report Sheet

    Easily design reports with support for data entry, pagination, data filtering, sorting, and conditional formatting.

  • 500+ Functions Supported

    SpreadJS includes powerful Excel-compatible formulas, data aggregation, over 500 functions, cross-table references, and custom names.

  • Excel Import/Export

    A JavaScript spreadsheet with full support for Excel import/export functionality.

  • Data Visualization With Charts and Sparklines

    Charts and sparklines make data clear and easy to understand. Most Excel charts, interactions, and animations enhance your dashboards and spreadsheets.

  • Multicultural Support

    You can localize your application by selecting from or customizing the CalcEngine Language pack. You can adjust not only the language but also currency, number separators, and more.

  • SpreadJS Template Designer

    Save time and energy on application development by easily designing templates with the WYSIWYG SpreadJS designer without coding.

    How to Use

  • TableSheet

    TableSheet is a separate, high-performance, enterprise-grade DataTable that adds the power of the SpreadJS spreadsheet calculation engine, runtime panels, and custom views to quickly handle your most demanding data binding requirements.

  • Data Manager

    SpreadJS Data Manager is a new data engine API built for performance that lets you connect to and interact with bound data in TableSheets through data relationships and views faster and easier than ever before.