产品一张表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.
 
 
 
liurunze cc670fdb54 docs 5 years ago
docs docs 5 years ago
src 拆解 5 years ago
.gitignore init 5 years ago
LICENSE docs 5 years ago
README-zh.md docs 5 years ago
README.md docs 5 years ago
gulpfile.js 打包 5 years ago
index.html 1.docs 2.index.html 5 years ago
package.json init 5 years ago

README.md

Luckysheet

English| 简体中文

Introduction

Luckysheet is an online spreadsheet like excel that is powerful, simple to configure, and completely open source.

Features

  1. Support table settings including freezing columns, merging cells, filtering, sorting, querying, conditional formatting, and annotations
  2. Support data analysis functions including pivottables, charts, columns, matrix operations, built-in 385 calculation functions
  3. Support one-click screenshots, data copying as json,shared editing, and free data copying and pasting between excel and luckysheet
  4. Support mobile viewing
  5. Support sparkLine
  6. Drop down copy
  7. keyboard shortcuts

Demo

Plan

  • modularization (in progress)
  • Excel import/export
  • Form
  • Insert picture
  • More...

Documentation

Online demo

Online documentation

Requirements

Node.js Version >= 6

Installation

npm install
npm install gulp -g

Development

Development

npm run dev

Package

npm run build

Read

The core code of Luckysheet is luckysheet-core.js and luckysheet-function.js, developers only need to look at these two files to see the source code, and then we will discuss the modularization scheme and improve this library.

Usage

First step

npm run builddist文件夹下的所有文件复制到项目目录

Second step

Introduce dependencies

<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>

Third step

Specify a table container

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

Fourth step

Create a table

<script>
    $(function () {
        //Configuration item
        var options = {
            container: 'luckysheet' //luckysheet is the container id
        }
        luckysheet.create(options)
    })
</script>

Contact

mengshu@office2.cn

communication

coming soon!

Authors and acknowledgment

License

MIT

Copyright (c) 2020-present, mengshukeji