v-spreadsheet

a javascript spreadsheet

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

Internationalization

// npm
import Spreadsheet from 'x-data-spreadsheet';

// If you need to override the default options, you can set the override 
// const options = {}; 
// new Spreadsheet('#v-spreadsheet-demo', options);

const s = new Spreadsheet("#v-spreadsheet-demo")
	.loadData({})
	.change(data => {
	 	// save data to db 
	})
	.saveData((state,data) => {
		// state 保存类型（save-draft 保存草稿  save 保存 save-as 另存为）
		// data 表格数据
    console.log(state, data)
  });;

// data validation
s.validate()

translate to Chinese

import zhCN from 'v-spreadsheet/src/locale/zh-cn';
Spreadsheet.locale('zh-cn', zhCN);

For detailed explanation on how things work, consult the docs for vue-loader.