Luckysheet
js,web,excel, 开源Github
在线 deme
论坛地址
现如今,web-excel,比拟风行的如腾讯文档,金山文档,石墨文档,google doc,以及其余开源 excel,这些产品都很好,然而要么未开源,要么免费,那么有没有一款开源收费的在线 excel,供咱们应用?当然是必定的,它就是 Luckysheet,齐全开源且收费
来自 Luckysheet 作者的声音
“ 咱们信心制作一个性能最丰盛,配置和应用最简略的开源电子表格 -Luckysheet,为企业报表平台和数据分析平台提供反对,并建设一个数据分析社区。具体来说,咱们提供了一个相似于 excel 的在线编辑表格,其中蕴含单元格款式,公式,过滤,解冻和其余性能。咱们根本反对 excel 的罕用性能,数据分析,显示和编辑的需要。”
Luckysheet 我的项目展现
Luckysheet 是用纯 JavaScript 编写的前端表格库,能够嵌入到任何前端我的项目或应用程序中,加强原有的零碎性能,而无需应用 excel 或其余简单的软件进行数据处理。这使咱们的数据处理、剖析、显示和存储能够由一个零碎实现,而无需切换平台,不切换零碎,便于集成和齐全自动化。
类 excel— 个性
- 格局设置
- 单元格
- 行和列操作
- 操作体验
- 公式和函数
- 表格操作
- 数据透视表
- 图表
- 分享及写作
Luckysheet 专有 — 个性
- 矩阵计算
- 截图 (把选区的内容进行截图展现)
- 复制到其余格局
- EXCEL,CSV,TXT 导入及导出
- 插入图片和 svg 形态
- 数据验证 (表单性能)
- 单元格内多样式
应用
环境
Node.js Version >= 6
装置
npm install
npm install gulp -g
开发
开发
npm run dev
打包
npm run build
用法
第一步
第一种办法 — 通过 CDN 引入依赖
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/css/pluginsCss.css' />
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/plugins.css' />
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/css/luckysheet.css' />
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/assets/iconfont/iconfont.css' />
<script src="https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/js/plugin.js"></script>
<script src="https://cdn.jsdelivr.net/npm/luckysheet/dist/luckysheet.umd.js"></script>
第二种办法 — 本地引入
<link rel='stylesheet' href='./plugins/css/pluginsCss.css' />
<link rel='stylesheet' href='./plugins/plugins.css' />
<link rel='stylesheet' href='./css/luckysheet.css' />
<script src="./plugins/js/plugin.js"></script>
<script src="./luckysheet.umd.js"></script>
第二步
指定一个表格容器
<div id="luckysheet" style="margin:0px;padding:0px;position:absolute;width:100%;height:100%;left: 0px;top: 0px;"></div>
第三步
创立一个表格
<script>
$(function () {
// 配置项
var options = {container: 'luckysheet' //luckysheet 为容器 id}
luckysheet.create(options)
})
</script>
体验
- Github
- Deme
链接无奈跳转请复制链接跳转
- https://github.com/mengshukej…
- https://mengshukeji.github.io…
最初附上 demo 体验