一款纯前端类似excel的在线表格，功能强大、配置简单的源码

源码资源网

一款纯前端类似excel的在线表格，功能强大、配置简单的源码

一款纯前端类似excel的在线表格，功能强大、配置简单的源码

插件（附件中已经包含下属插件）

• Luckyexcel：excel导入导出库
• chartMix：图表插件
  

特性

• 格式设置：样式，条件格式，文本对齐及旋转，文本截断、溢出、自动换行，多种数据类型，单元格内多样式
• 单元格：拖拽，下拉填充，多选区，查找和替换，定位，合并单元格，数据验证
• 行和列操作：隐藏、插入、删除行或列，冻结，文本分列
• 操作体验：撤销、重做，复制、粘贴、剪切，快捷键，格式刷，选区拖拽
• 公式和函数：内置公式，远程公式，自定义公式
• 表格操作：筛选，排序
• 增强功能：数据透视表，图表，评论，共享编辑，插入图片，矩阵计算，截图，复制到其他格式，EXCEL导入及导出等
  

用法第一步

通过CDN引入依赖

1. <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/plugins/css/pluginsCss.css' />
   
2. <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/plugins/plugins.css' />
   
3. <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/css/luckysheet.css' />
   
4. <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/assets/iconfont/iconfont.css' />
   
5. <script src="https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/plugins/js/plugin.js"></script>
   
6. <script src="https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/luckysheet.umd.js"></script>

复制代码

第二步

指定一个表格容器

1. <div id="luckysheet" style="margin:0px;padding:0px;position:absolute;width:100%;height:100%;left: 0px;top: 0px;"></div>

复制代码

第三步

创建一个表格

1. <script>
   
2.     $(function () {
   
3.         //配置项
   
4.         var options = {
   
5.             container: 'luckysheet' //luckysheet为容器id
   
6.         }
   
7.         luckysheet.create(options)
   
8.     })
   
9. </script>

复制代码

开发

环境

Node.js Version >= 6

安装

1. npm install
   
2. npm install gulp -g

复制代码

开发

1. npm run dev

复制代码

打包

1. npm run build

复制代码

游客，本帖隐藏的内容需要积分高于 2 才可浏览，您当前积分为 0

提取码下载：

文件名称:提取码下载.txt 
下载次数:1  文件大小:14 Bytes  售价:59金钱 [记录]
下载权限: 不限 [购买VIP]   [充值]   [在线充值]   【VIP会员6折；永久VIP4折】

安全检测，请放心下载