如今web技术蓬勃发展,办公应用特别是excel都搬到了线上,比较流行的有腾讯文档,金山文档,石墨文档,google doc,属于企业服务。可是小型企业或者团队,若是想本身搭建一套在线表格系统呢?有没有开源的方案?css
经笔者调查,一些表格具备相对简单的功能,只能显示数据和过滤器功能,或者某些表格支持多种单元格样式,可是此类功能须要付费。比较出名有spreadjs,handsontable,这两个插件有明显的缺点,spreadjs增值功能收费太贵,handsontable二次开发坑不少。前端
"咱们决心制做一个功能最丰富,配置和使用最简单的开源电子表格-Luckysheet,为企业报表平台和数据分析平台提供支持,并创建一个数据分析社区。具体来讲,咱们提供了一个相似于excel的在线编辑表格,其中包含单元格样式,公式,过滤,冻结和其余功能。咱们基本支持excel的经常使用功能,数据分析,显示和编辑的需求。" --Luckysheet做者node
更方便的是,Luckysheet是用纯JavaScript编写的前端表格库,能够嵌入到任何前端项目或应用程序中,加强原有的系统功能,而无需使用excel或其余复杂的软件进行数据处理。这使咱们的数据处理、分析、显示和存储能够由一个系统完成,而无需切换平台,不切换系统,便于集成和彻底自动化。git
官网连接:github
简单列举几个主要的功能web
打开在线DEMO体验下,速度也很快,操做下来和excel基本一致npm
近期Luckysheet更新了一个亮点功能,支持xlsx格式excel导入,导出也正在开发中。json
excel导入Demogulp
这里展现几个核心功能,看起来确实很强大,能够看到做者是很用心在作的,也在积极维护。更多细节能够在官网看到。架构
下面带着你们跟着教程本地跑一跑看.
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>
指定一个表格容器
<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>
目前开源电子表格,这个应该是最强大的了,核心功能基本可以知足项目须要,可是应该是还有不少细节须要补充,文档还在进一步完善中,进一步期待吧。