关于在线编辑表格的JS架构--Web电子表格插件、在线Excel插件、在线Spreadsheet插件、大量数据行-百万数据行插件、Canvas表格

来源于：

https://zhuanlan.zhihu.com/p/375754355

 

对于我来说好用的是：

https://github.com/myliang/x-spreadsheet

https://hondrytravis.com/x-spreadsheet-doc/guide/

 

找个好几个小时，几个备选项纪录下吧。

在线版的微软Excel，体验是最好的，流畅丝滑，但是不开源，无法使用，眼馋下就行。

实现在线表格的方式有：

1、以HTML的Table元素实现，主要靠虚拟渲染优化性能，体验较差，插件却很多。

2、以HTML的Canvas绘图实现，得益于Canvas的高性能，体验可以优化到极致，但绘图相对DOM元素操作是复杂的，相关插件也较少，但是商业产品上的在线Excel基本都是基于该技术实现的。

 

spreadjs

商业付费在线Excel，基于Canvas实现，最接近微软Excel在线版。

在线 Excel 编辑器 | SpreadJS 在线表格编辑器​demo.grapecity.com.cn/SpreadJS/WebDesigner/index.html

 

canvas-datagrid

开源免费的在线表格，基于Canvas实现，仅有表格基础功能，无Excel扩展功能。

https://canvas-datagrid.js.org/demo.html​canvas-datagrid.js.org/demo.html

 

x-spreadsheet

开源免费的在线表格，基于Canvas实现，算是微软Excel在线简洁版。

x-spreadsheet​myliang.github.io/x-spreadsheet/

 

Hypergrid

开源免费的在线表格，和canvas-datagrid类似。

fin-hypergrid Demo​fin-hypergrid.github.io/core/demo/

 

Luckysheet

开源免费的在线表格，和x-spreadsheet类似。

Luckysheet​mengshukeji.github.io/LuckysheetDemo/