Giter Site home page Giter Site logo

wangqinl / luckysheet Goto Github PK

View Code? Open in Web Editor NEW

This project forked from micronaut-vue/luckysheet

0.0 0.0 0.0 6.98 MB

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

JavaScript 87.36% CSS 7.32% HTML 5.31% Batchfile 0.01%

luckysheet's Introduction

Luckysheet

Introduction - 介绍

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

Features - 特性

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

Plan - 计划

  • 模块化(进行中)
  • excel导入/导出
  • 表单
  • 插入图片
  • 更多...

Documentation - 文档

在线demo

在线文档

Requirements - 环境

Node.js Version >= 6

Installation - 安装

npm install
npm install gulp -g

Development - 开发

开发

npm run dev

打包

npm run build

阅读

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

Usage - 用法

第一步

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

第二步

引入依赖

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

Contact - 联系

[email protected]

communication - 交流

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

    微信群

或者

  • 加入Luckysheet开发者交流QQ群

    微信群

Authors and acknowledgment - 贡献者和感谢

License - 版权信息

MIT

Copyright (c) 2020-present, mengshukeji

luckysheet's People

Contributors

dushusir avatar wpxp123456 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.