Modern Spreadsheet

• High performance spreadsheet based on CanvasAPI.
• TypeScript supported

Basic usage

import Spreadsheet from  'modern_spreadsheet'
import 'modern_spreadsheet/style.css'  // <= this is required

const  target = document.getElementById('spreadsheet')
const  sheet = new  Spreadsheet(target)
//...

Save and load data

function  saveData() {
	const  serialized = sheet.serializeData()
	localStorage.setItem('sheet_data', JSON.stringify(serialized))
}

function  loadData() {
	const  data = localStorage.getItem('sheet_data')
	const  json = JSON.parse(data)
	if(!json) return;
	sheet.loadData(json)
}

Roadmap

• Custom event functions (ex.: onSelectionChange, onCellEdit...). Full list of supported events will available on this page
• Rows number and columns heading render
• Rows and columns resizing
• Toolbar
• Context menu
• Formulas support
• Selected cell depends cells highlight
• Async formulas support
• Mutlisheets (?)