在线表格三方库记录
type
status
date
slug
summary
tags
category
icon
password
Blocking
Blocked by
top
URL
Sub-item
Parent item
表格
产品形态 | 产品 | 体验地址 | 技术实现方案 | 优点 | 缺点 |
Table类 | Handsontable | • 专注于Table的交互形式
• 渲染使用DOM,，为了解决性能问题，使用虚拟滚动技术，即只渲染视图内的数据，伴随滚动更新渲染
• 数据源使用JSON格式
• 原生JS，可与React\Vue等框架结合使用 | • 在Table类产品上可以算是开源代表，使用者众多，成熟稳定 | • 传统的Table类产品，和excel差异较大
• 没有中文文档，上手和二次开发有较大难度
• 样式UI老旧 | |
ㅤ | ag-grid | • 和上面的Handsontable类似，也是table类产品，个人感觉功能和交互上比Handsontable复杂 | - | - | |
Excel类 | Luckysheet | • 使用Canvas + DOM的渲染方案，解决性能问题
• 在线协同使用WebSocket方案
• 原生JS，和框架无关 | • 有一整套的前后端实现方案（后端是Node服务）
• 功能实现和交互参照Excel，接近用户习惯
• 更新活跃，文档较齐全 | • 由于使用canvas绘制，在自定义上有局限，比如很难在单元格内绘制复杂的组件（交互上的解决方案：点击单元格后，在其他地方完成操作，最后把结果回填到单元格内）
• 部分excel功能未实现，需要二次开发 | |
ㅤ | x-spreadsheet | • 同样使用Canvas + DOM的渲染方案，解决性能问题
• 原生JS，和框架无关 | • 和Luckysheet类似 | • 功能完成度稍微低于Luckysheet | |
工具包/库 | SheetJS | • 这个不是直接供用户使用的产品，而是用于多种电子表格格式的解析器和编写器，实现了电子表格和规范和基础功能，是其他产品使用的基础工具包 | - | - | |
ㅤ | ㅤ | ㅤ | ㅤ | ㅤ | ㅤ |