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 installnpm 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体验