V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 2418 天前的主题，其中的信息可能已经有所发展或是发生改变。

XSpreadsheet

xspreadsheet 是一款基于 javascript 开发的，简单的，易用的在线表格插件 demo: https://myliang.github.io/xspreadsheet/

Install

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

Quick Start

import xspreadsheet from 'xspreadsheet'

const x = xspreadsheet(document.getElementById('#id'))
x.change = (data) => {
  console.log('data:', data)
}

// edit
// data is param in the change method
xspreadsheet(document.getElementById('#id'), {d: data})

in tsconfig.json

{
  "compilerOptions": {
    ....
    "types": ["xspreadsheet"],
    ....
  }
}

Browser Support

Modern browsers and Internet Explorer 9+(no test).

LICENSE

MIT

14 条回复 • 2019-06-05 23:08:23 +08:00

myliang

2018-05-10 17:06:33 +08:00

git: https://github.com/myliang/xspreadsheet

ss098

2018-05-10 18:31:34 +08:00

非常棒！

jingrui

2018-05-10 21:21:30 +08:00 via iPhone

支持 excel 数据直接显示吗

SourceMan

2018-05-10 21:35:13 +08:00 via iPhone

哇哇，非常棒！！！

kohos

2018-05-11 09:41:53 +08:00

很棒，希望以后支持导入导出 Excel

myliang

2018-05-11 15:28:17 +08:00

@jingrui 暂时不支持，需要做转换

myliang

2018-05-11 15:28:53 +08:00

@kohos 以后可以写个 nodejs 版本的导入到处 excel

gowk

2019-01-30 11:04:10 +08:00

如果能支持粘贴 excel 表里面的数据就好了。。

xjm998

2019-05-30 21:46:19 +08:00

对于复杂表格还是得用 web excel-雷鸟 365，不然导入会打不开。

Fiooona

2019-06-04 18:14:32 +08:00

@xjm998 看了雷鸟 365 的网站，应该是用 SpreadJS 控件做的？我在他们网站上看到类似的： https://demo.grapecity.com.cn/spreadjs/excel-online/content/index.html

myliang

2019-06-04 19:22:55 +08:00

@xjm998 我这暂时做不了太复杂的
最新的地址是：　 https://myliang.github.io/xspreadsheet/

myliang

2019-06-04 19:23:27 +08:00

@Fiooona spreadJS 功能很强大

Fiooona

2019-06-05 09:38:07 +08:00

做的很棒，看你是用 DOM 做的表格，估计数据量大的时候性能会受限，可以考虑用 Canvas

myliang

2019-06-05 23:08:23 +08:00 via Android

https://myliang.github.io/x-spreadsheet/ 兄弟这是 canvas 的