产品一张表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.

101 lines
2.5 KiB

5 years ago
# Luckysheet
5 years ago
English| [简体中文](./README-zh.md)
5 years ago
5 years ago
## Introduction
Luckysheet is an online spreadsheet like excel that is powerful, simple to configure, and completely open source.
5 years ago
5 years ago
## 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
5 years ago
5 years ago
![Demo](https://minio.cnbabylon.com/public/luckysheet/LuckysheetDemo.gif)
5 years ago
5 years ago
## Plan
- modularization (in progress)
- Excel import/export
- Form
- Insert picture
- More...
5 years ago
5 years ago
## Documentation
[Online demo](https://mengshukeji.github.io/LuckysheetDemo/)
[Online documentation](https://mengshukeji.github.io/LuckysheetDocs/en/)
## Requirements
5 years ago
[Node.js](https://nodejs.org/en/) Version >= 6
5 years ago
## Installation
5 years ago
```
npm install
npm install gulp -g
```
5 years ago
## Development
Development
5 years ago
```
npm run dev
```
5 years ago
Package
5 years ago
```
npm run build
```
5 years ago
Read
5 years ago
5 years ago
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.
5 years ago
5 years ago
## Usage
5 years ago
5 years ago
#### First step
`npm run build`后`dist`文件夹下的所有文件复制到项目目录
5 years ago
5 years ago
#### Second step
Introduce dependencies
5 years ago
```
<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>
```
5 years ago
#### Third step
Specify a table container
5 years ago
```
<div id="luckysheet" style="margin:0px;padding:0px;position:absolute;width:100%;height:100%;left: 0px;top: 0px;"></div>
```
5 years ago
#### Fourth step
Create a table
5 years ago
```
<script>
$(function () {
5 years ago
//Configuration item
5 years ago
var options = {
5 years ago
container: 'luckysheet' //luckysheet is the container id
5 years ago
}
luckysheet.create(options)
})
</script>
```
5 years ago
## Contact
5 years ago
mengshu@office2.cn
5 years ago
## communication
5 years ago
5 years ago
coming soon!
5 years ago
5 years ago
## Authors and acknowledgment
5 years ago
- Bug Pan ([@wpxp123456](https://github.com/wpxp123456))
- Dushusir ([@Dushusir](https://github.com/Dushusir))
5 years ago
## License
5 years ago
[MIT](http://opensource.org/licenses/MIT)
Copyright (c) 2020-present, mengshukeji