真正的大师,永远都怀着一颗学徒的心！

一、项目简介

一款纯前端类似excel的在线表格，功能强大、配置简单、完全开源，三步实现一个在线表格

第一步

通过CDN引入依赖

<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/plugins/css/pluginsCss.css' />
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/plugins/plugins.css' />
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/css/luckysheet.css' />
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/assets/iconfont/iconfont.css' />
<script src=" 
<script src="https://cdn.jsdelivr.net/npm/luckysheet@latest/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>

二、实现功能

• excel导入导出库

• 图表插件

• 格式设置

• 单元格

• 行和列操作

• 操作体验

• 公式和函数

• 表格操作

• 增强功能

三、技术选型

vue

nodejs

四、界面展示

五、源码地址

私信回复：在线表格