国产之光，完全自主开源的在线电子表格，类似 google sheet 和 excel

[wbfsa]

背景

现在 web 技术蓬勃发展，办公应用特别是 excel 都搬到了线上，比较流行的有腾讯文档，金山文档，石墨文档，google doc，属于企业服务。但是小型企业或者团队，如果想自己搭建一套在线表格系统呢？有没有开源的方案？

经笔者调查，一些表格具有相对简单的功能，只能显示数据和过滤器功能，或者某些表格支持多种单元格样式，但是此类功能需要付费。比较出名有 spreadjs，handsontable，这几个插件有明显的缺点，spreadjs 增值功能收费太贵，handsontable 二次开发坑很多。

介绍

我们决心制作一个功能最丰富，配置和使用最简单的开源电子表格，为企业报表平台和数据分析平台提供支持，并建立一个数据分析社区。具体来说，我们提供了一个类似于 excel 的在线编辑表格，其中包含单元格样式，公式，过滤，冻结和其他功能（详细功能在下面列出）。我们基本支持 excel 的常用功能，数据分析，显示和编辑的需求。

更方便的是，Luckysheet 是用纯 JavaScript 编写的前端表格库，可以嵌入到任何前端项目或应用程序中，增强原有的系统功能，而无需使用 excel 或其他复杂的软件进行数据处理。这使我们的数据处理、分析、显示和存储可以由一个系统完成，而无需切换平台，不切换系统，便于集成和完全自动化。

体验

• Github: https://mengshukeji.github.io/LuckysheetDocs/
• Demo: https://mengshukeji.github.io/LuckysheetDemo/

功能及架构

[sunorg]

粗略看了下文档，还发现有几个问题，再次求教下。

1. sheet 的初始化是否可以异步处理
2. 排序表头，是否也可以异步
3. 数据的过滤是否也可以异步

如果都可以，那完全可以当做动态表格用在项目中去。

[sunorg]

@Chigogo DXD，你的联系方式是？

[radeonisk]

先支持下，去看了下 demo，有些 UI 上的小细节可以再优化，比如字体别用 Times New Rome，子菜单鼠标悬停出来的效果再缓和一点，等等

[wbfsa]

@sunorg 都可以异步加载，CRDT 也是可以的

[wbfsa]

@SingeeKing 感谢提建议

[wbfsa]

@radeonisk UI 还没太注意，可以一起贡献^^

[creanme]

太叼了

[justin2018]

厉害~ 就服你~

[sunorg]

@wbfsa 👍

之前还有几个问题请教下：
1.目前可否用于产品环境？
2.能否实现单元格放某些 html 代码，比如表单元素，如一个按钮，一个下拉框，或者一张图片

这 2 个也挺关键的。

[wbfsa]

@sunorg 1. 已经有不少人在自己产品里用了。2.因为表格是 canvas 渲染的不能用 html 代码，但是下拉框、复选框已经内置，图片不能插入到一个单元格里，但是可以与单元格位置大小联动，类似现在的腾讯文档。

[hareandlion]

可以可以，再 docker 化一下，以后就更方便了

[GzhiYi]

支持一下，加油做得更好。

[Monst3r]

刚好最近有一堆表格要搬上网共享，用了腾讯和其他共享表格，难用的要死。学习下

[dragonszy]

战略马克

[i0error]

awesome

[JCZ2MkKb5S8ZX9pq]

平时 excel 用得最多的是表格，条件公式（数据可视化 /查重查错），偶尔会用到数组公式（一般都预处理好了）。
另外图片如果能支持类似 numbers 的单元格插图片的功能就好了，不过那个可能要加私有规则了。

[codehz]

图表在 125%缩放下会超出范围。。。。

[JCZ2MkKb5S8ZX9pq]

试了一下，提几个个人常用功能的不足。

快捷键支持
Ctrl+D/R 复制
Ctrl+shift+加号插行 /Ctrl-删行删列

条件公式里一些复杂的部分还没支持。比如手动大小值或者百分比值之类的。

另外最要命的是没找到表格。就是 excel 里把单元格转换成表格，然后表格可以按列名调用并统一公式之类的。没有表格的话就是一堆散装单元格了。而现在 Ctrl+A 也无法自动识别出“一组”数据。

保存到本地，打开本地文件编辑的功能有吗？毕竟 excel 大都是工作相关的内容。

PS：一些 UI 建议。
既然完全自定义了，有些时候需要比较大的纵向空间，工具栏就可以丢两侧。
工具栏有些可以考虑 hover 触发，现在大都要点一级再点二级，多一次点击。recent 可以考虑单独放一块。
有些图标示意不明，需要熟悉一下，可以考虑加一个显示文字的开关，或者按住快捷键提示一下。

[wbfsa]

@codehz @JCZ2MkKb5S8ZX9pq 有不足之处，欢迎提 issues，体验方面的优化也非常欢迎 ^^

[wbfsa]

@JCZ2MkKb5S8ZX9pq
1. 条件格式可以新增规则，那里可以手工输入值或百分比。
2. 表格功能已经加入计划中了。
3. 之后考虑 Electron 封装
4. UI 现在是需要改进下，比较这方面的体验师^^
感谢大佬提那么多建议