技术解析

xspreadsheet 是一款基于 javascript 开发的,简单的,易用的在线表格插件
0
2021-09-02 00:05:28
idczone

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


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

非常棒!

支持 excel 数据直接显示吗

哇哇,非常棒!!!

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

暂时不支持,需要做转换

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

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

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

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

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

spreadJS 功能很强大

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

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

数据地带为您的网站提供全球顶级IDC资源
在线咨询
专属客服