简体中文 | English
介绍
🚀Luckysheet ,一款纯前端类似excel的在线表格,功能强大、配置简单、完全开源。
相关链接
源码 | 文档 | Demo | 插件Demo | 论坛 |
---|---|---|---|---|
Github | 在线文档 | 在线Demo / 协同编辑Demo | 导入Excel Demo | 中文论坛 |
Gitee镜像 | Gitee在线文档 | Gitee在线Demo | Gitee导入Excel Demo | Google Group |
插件
- Luckyexcel:excel导入导出库
- chartMix:图表插件
生态
工程 | 描述 |
---|---|
Luckysheet Vue | 在vue cli 3项目中使用Luckysheet和Luckyexcel |
Luckysheet React | 在React项目中使用Luckysheet |
Luckyexcel Node | 在koa2中使用Luckyexcel |
Luckysheet Server | Java后台Luckysheet Server |
Luckysheet Server Starter | LuckysheetServer 一键docker部署 |
特性
- 格式设置:样式,条件格式,文本对齐及旋转,文本截断、溢出、自动换行,多种数据类型,单元格内多样式
- 单元格:拖拽,下拉填充,多选区,查找和替换,定位,合并单元格,数据验证
- 行和列操作:隐藏、插入、删除行或列,冻结,文本分列
- 操作体验:撤销、重做,复制、粘贴、剪切,快捷键,格式刷,选区拖拽
- 公式和函数:内置公式,远程公式,自定义公式
- 表格操作:筛选,排序
- 增强功能:数据透视表,图表,评论,共享编辑,插入图片,矩阵计算,截图,复制到其他格式,EXCEL导入及导出等
更详细的功能列表,请查阅:特性
📖 学习资源
📜 更新日志
每个版本的详细更改都记录在 CHANGELOG.md 中。
❗️ 问题反馈
在反馈问题之前,请确保仔细阅读 如何提交问题。 不符合准则的问题可能会立即被移除。
✅ 开发计划
通过 GitHub Projects 管理
💪 贡献
在提交PR之前,请确保仔细阅读 贡献指南。
用法
第一步
通过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="https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/plugins/js/plugin.js"></script>
<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>
开发
环境
Node.js Version >= 6
安装
npm install
npm install gulp -g
开发
npm run dev
打包
npm run build
合作项目
贡献者和感谢
核心团队活跃成员
- @wbfsa
- @iamxuchen800117
- @wpxp123456
- @tonytonychopper123
- @Dushusir
- @c19c19i
- @zhangchen915
- @jerry-f
- @flowerField
网友评论