实⽤!Excel在线⽹页版表格Luckysheet源码
前端⼩伙伴们,随着前端页⾯的⽇益强⼤ 起来,不知道你是不是还在为开发⼀款在线版的Excel,在线ppt等发愁,因为这并不是⼀件很容易的事情,恰好有遇到这种业务需求的时候,那就来看⼀下这⼀个特别适⽤的在线⽹页版表格Luckysheet源码吧。
⽬前,Luckysheet已经在GitHub上标星5.3K,累计分⽀439
那话不多说了,传送门来了,源码打包⼀步到位:
GitHub地址:
简单的介绍⼀下:Luckysheet ,⼀款纯前端类似excel的在线表格,功能强⼤、配置简单、完全开源。
Luckysheet具备了⼤部分Excel中的常⽤功能,⽐如⽂字与单元格的样式调整与公式的使⽤等。除此之外还提供了独有的复制时转换格式(⽐如 json 等)以及其他格式的数据导⼊导出等,可以说Excel具备的常⽤功能它也都有了。
从Github上⾯下载之后,也有相对应的使⽤说明:网站源码在线
环境
Version >= 6
安装
npm install
npm install gulp -g
开发
开发
npm run dev
打包
npm run build
⽤法
第⼀步
通过CDN引⼊依赖
<link rel='stylesheet' href='cdn.jsdelivr/npm/luckysheet/dist/plugins/css/pluginsCss.css' />
<link rel='stylesheet' href='cdn.jsdelivr/npm/luckysheet/dist/plugins/plugins.css' />
<link rel='stylesheet' href='cdn.jsdelivr/npm/luckysheet/dist/css/luckysheet.css' />
<link rel='stylesheet' href='cdn.jsdelivr/npm/luckysheet/dist/assets/iconfont/iconfont.css' />
<script src="cdn.jsdelivr/npm/luckysheet/dist/plugins/js/plugin.js"></script>
<script src="cdn.jsdelivr/npm/luckysheet/dist/luckysheet.umd.js"></script>
第⼆步
指定⼀个表格容器
<div id="luckysheet" ></div>第三步
创建⼀个表格
<script>
$(function () {
//配置项
var options = {
container: 'luckysheet' //luckysheet为容器id
}
})
</script>
最后,我说的再多,没有体验过也不知道这个强⼤之处,那么就抛出链接,在线的哦,点击就可以体验啦。
在线体验:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论