elink-star
/
luckysheet
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
产品一张表luckysheet前端代码库
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
68 Commits
1 Branch
0 Tags
22 MiB
 
 
 
Tree: aacb03ddb6
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'aacb03ddb6'
${ noResults }
luckysheet/README-zh.md

2.8 KiB
Raw Blame History

Luckysheet

简体中文 | English

介绍

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

特性

  1. Luckysheet支持表格设置包括冻结行列、合并单元格、筛选、排序、查询、条件格式、批注
  2. 支持数据分析功能包括透视表、图表、分列、矩阵操作、内置385个计算函数
  3. 支持一键截图、复制为json数据、共享编辑、excel与Luckysheet之间数据的复制粘贴
  4. 支持移动端查看
  5. 支持sparkLine
  6. 下拉复制
  7. 快捷键

演示

计划

  • 完善图表插件
  • 插入图片
  • 数据验证（复选框、下拉列表）
  • 打印
  • 单元格分段样式
  • 树形菜单
  • 表格功能：筛选,切片
  • excel导入/导出
  • 更多...

文档

在线demo

在线文档

环境

Node.js Version >= 6

安装

npm install
npm install gulp -g

开发

开发

npm run dev

打包

npm run build

阅读

Luckysheet的核心代码为luckysheet-core.js和luckysheet-function.js,开发者看源码只需要看这两个文件即可,接下来会讨论进行模块化方案,完善这个插件.

用法

第一步

npm run build后dist文件夹下的所有文件复制到项目目录

第二步

引入依赖

<link rel='stylesheet' href='./plugins/css/pluginsCss.css' />
<link rel='stylesheet' href='./plugins/plugins.css' />
<link rel='stylesheet' href='./css/luckysheet.css' />
<script src="./plugins/js/plugin.js"></script>
<script src="./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>

联系

mengshu@office2.cn

交流

  • 添加小编微信,拉你进Luckysheet开发者交流微信群,备注:加群

    微信群

或者

  • 加入Luckysheet开发者交流QQ群

    微信群

贡献者和感谢

版权信息

MIT

Copyright (c) 2020-present, mengshukeji