xspreadsheet 是一款基于 javascript 开发的,简单的,易用的在线表格插件

2018-05-10 16:19:16 +08:00
 myliang

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

9087 次点击
所在节点    JavaScript
14 条回复
myliang
2018-05-10 17:06:33 +08:00
ss098
2018-05-10 18:31:34 +08:00
非常棒!
jingrui
2018-05-10 21:21:30 +08:00
支持 excel 数据直接显示吗
SourceMan
2018-05-10 21:35:13 +08:00
哇哇,非常棒!!!
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

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/453816

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX