luckysheet实现在线编辑Excel
官网有两种引入依赖的方法,一种cdn,一种本地引入
本文介绍的是本地引入的方式。
从官网下载源码:https://gitee.com/mengshukeji/Luckysheet
线上引用js:
<
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
>
index.html 文件中本地引用 js
<link rel='stylesheet' href='../static/luckysheet/plugins/css/pluginsCss.css' />
<link rel='stylesheet' href='../static/luckysheet/plugins/plugins.css' />
<link rel='stylesheet' href='../static/luckysheet/css/luckysheet.css' /> -->
<!-- <link rel='stylesheet' href='./static/luckysheet/assets/iconfont/iconfont.css' /> -->
<script src="../static/luckysheet/plugins/js/plugin.js"></script>
<script src="../static/luckysheet/luckysheet.umd.js"></script>
vue 页面使用:
<div id=
"mysheet"
style=
"margin:0px;padding:0px;width:50%;height:500px;"
></div>
// 创建表格
window.luckysheet.create({
container:
'mysheet'
// 设定DOM容器的id
});
vue安装jQuery支持: npm insttall jquery "jquery": "^3.6.1",
main.js 配置
import $ from 'jquery'
window.jQuery = $
window.$ = $
可以使用
$(function() {
luckysheet.create(options);
});
luckysheet实现在线编辑Excel相关推荐
- springboot+Vue整合Luckysheet,实现在线编辑Excel表格
springboot+Vue整合Luckysheet,实现在线编辑Excel表格 功能:页面嵌入Luckysheet表格组件,能够在线编辑Excel表格,实现表格的读取,保存功能(不支持导出为xls文 ...
- Vue实现在线编辑excel
目录 luckysheet 1.插件引入 2.声明excel在线预览编辑组件 3.excelJs分解Dom为excel文件流 luckysheet文档地址 exceljs文档地址 前言介 ...
- 【Java】多人协同在线编辑Excel源代码及部署包
1. 背景 在互联网环境中,我们可以使用 腾讯云文档.金山云文档等在线编辑Excel,但内网环境下却一直没有类似的工具,直到开源项目 LuckySheet 横空出世! 以下就是基于 LuckyShee ...
- Vue实现在线编辑excel、导入、导出
文章目录 概要 整体架构流程 小结 概要 Vue实现在线编辑excel.导入.导出 整体架构流程 luckysheet文档地址 exceljs文档地址 1.npm安装依赖 npm i exceljs ...
- html excel 在线编辑,利用js实现在线编辑excel表格代码
特效描述:利用js实现 在线编辑 excel 表格代码.利用js实现在线编辑excel表格代码 代码结构 1. 引入CSS 2. 引入JS 3. HTML代码 function load(){ x ...
- vue 在线编辑excel表格(原生和使用组件的两种方式)
vue 在线编辑excel表格(原生和使用组件的两种方式) top表头和left表头格式的表格 <template><div><!-- 用组件写的编辑表格 -->& ...
- VUE 在线编辑 EXCEL , SPERADJS的使用
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言 一.VUE 在线编辑 EXCEL 功能 二.使用步骤 1.引入库 2.组件制作 前言 spreadjs的使用 提示:以 ...
- Vue或uniapp使用luckysheet免费开发多人在线编辑Excel文档
前言 一直想用uniapp开发个在线多人编辑Excel文档的APP,苦于一直没找到免费的开源库,今天心血来潮,和大神聊起知道有luckysheet这么个免费的东东,看了文档,还挺合适.立即撸起.虽说是 ...
- luckySheet在线编辑excel及遇到的问题
1.实现加载服务器端excel文件 引入相关js <link rel="stylesheet" href="./plugins/css/pluginsCss.css ...
最新文章
- 物体识别算法——SIFT/SURF、haar特征、广义hough变换的对比分析
- amazeui学习笔记--css(常用组件4)--关闭按钮Close
- 2021年春季学期-信号与系统-第六次作业参考答案-第六小题
- Authentication method 'caching_sha2_password' not supported by any of the available plugins.
- LeetCode Intersection of Two Linked Lists
- mongod副本集的安装配置
- Java 理论与实践: 线程池与工作队列
- UEFI + GPT 启动 VHD
- 演练 打印直角三角形
- 京东抽奖项目开发笔记
- java淘宝客开发(一)
- VMware 12 密钥
- 云计算技术基础【12】
- command '/Android/Sdk/build-tools/21.1.2/aapt'
- Jmeter性能测试之系统监控
- 使用go语言提取ins视频地址和图片地址
- 行为分析(十):姿态估计部分(六):人体关键点(keypoints)生成算法综述
- linux hostname的配置方法
- 微信出了一个新功能专治「借钱不还」
- 5.3Web服务器简介及HTTP协议
热门文章
- java浮点数计算程序_计算器程序.可以准确进行浮点数运算
- 33.0.概率论与数理统计-大数定律,辛钦大数定律
- 如何写出更具有Python风格的代码
- 新建一个工作空间,复制原来工作空间的配置
- Command CompileAssetCatalog emitted errors but did not return a nonzero exit code to indicate failur
- click是哪个键 wheel_Click是什么意思?键盘上的Click键在哪里?
- 基于安卓Android和SSH的汽车票管理系统设计与实现
- 智慧城市的背后是大数据的深度挖掘和利用
- Minecraft 从安装到入门
- vmware中linux启动项,VMWare虚拟机中安装Linux系统并启用