Online Spreadsheet App In JavaScript – xspreadsheet

Preview:

Description:

The xspreadsheet library lets you create a JavaScript-based, Google Sheets inspired Excel/spreadsheet web app to create and edit spreadsheets online. Written in Typescript.

How to use it:

Install the necessary libraries with NPM.

npm install typescript --save-dev
npm install awesome-typescript-loader --save-dev
npm install xspreadsheet --save-dev
npm install @types/xspreadsheet --save-dev

Import the xspreadsheet.

import xspreadsheet from 'xspreadsheet'

You can also load the following JS and CSS files in the document.

<link rel="stylesheet" href="xspreadsheet.css"></link>
<script src="xspreadsheet.js"></script>

Create a wrapper for the Spreadsheet app.

<div id="wrapper"></div>

Initialize the Spreadsheet app and done.

window.onload = function () {
  xspreadsheet(document.getElementById('wrapper')).change(function (data) {
    console.log('data:', data)
  })
}