实现在线表格的方式有:

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

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

一、spreadjs

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

在线 Excel 编辑器 | SpreadJS 在线表格编辑器

Web电子表格插件、在线Excel插件、在线Spreadsheet插件、大量数据行-百万数据行插件、Canvas表格_商业

二、​​canvas-datagrid​

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

​https://gitee.com/liuchen03/canvas-datagrid/​

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

Web电子表格插件、在线Excel插件、在线Spreadsheet插件、大量数据行-百万数据行插件、Canvas表格_在线表格_02

三、​​x-spreadsheet​

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

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

​x-spreadsheet​

Web电子表格插件、在线Excel插件、在线Spreadsheet插件、大量数据行-百万数据行插件、Canvas表格_HTML_03

四、​​Hypergrid​

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

​https://github.com/fin-hypergrid/core​

fin-hypergrid Demo

Web电子表格插件、在线Excel插件、在线Spreadsheet插件、大量数据行-百万数据行插件、Canvas表格_商业_04

Luckysheet

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

Luckysheet

箴言:因为这些东西是非常简单的。不要抱怨自己学不会,那是因为你没有足够用心。