实现在线表格的方式有:
1、以HTML的Table元素实现,主要靠虚拟渲染优化性能,体验较差,插件却很多。
2、以HTML的Canvas绘图实现,得益于Canvas的高性能,体验可以优化到极致,但绘图相对DOM元素操作是复杂的,相关插件也较少,但是商业产品上的在线Excel基本都是基于该技术实现的。
一、spreadjs
商业付费
在线Excel,基于Canvas实现,最接近微软Excel在线版。
在线 Excel 编辑器 | SpreadJS 在线表格编辑器
二、canvas-datagrid
开源免费的在线表格,基于Canvas实现,仅有表格基础功能,无Excel扩展功能。
https://gitee.com/liuchen03/canvas-datagrid/
canvas-datagrid.js.org/demo.html
三、x-spreadsheet
开源免费的在线表格,基于Canvas实现,算是微软Excel在线简洁版。
https://github.com/myliang/x-spreadsheet
四、Hypergrid
开源免费的在线表格,和canvas-datagrid类似。
https://github.com/fin-hypergrid/core
fin-hypergrid Demo
Luckysheet
开源免费的在线表格,和x-spreadsheet类似。
Luckysheet
箴言:因为这些东西是非常简单的。不要抱怨自己学不会,那是因为你没有足够用心。