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

107 lines
2.9 KiB

5 years ago
# Luckysheet
[![Join the chat at https://gitter.im/mengshukeji/Luckysheet](https://badges.gitter.im/mengshukeji/Luckysheet.svg)](https://gitter.im/mengshukeji/Luckysheet?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
5 years ago
English| [简体中文](./README-zh.md)
5 years ago
## Introduction
Luckysheet is an online spreadsheet like excel that is powerful, simple to configure, and completely open source.
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
![Demo](https://minio.cnbabylon.com/public/luckysheet/LuckysheetDemo.gif)
5 years ago
## Plan
- Improve chart plugin
- Insert picture
- Data validation (checkbox, drop-down list)
- Print
- Cell segmentation style
- Tree menu
- Table function: filter, slice
- Excel import/export
- More...
## Documentation
[Online demo](https://mengshukeji.github.io/LuckysheetDemo/)
[Online documentation](https://mengshukeji.github.io/LuckysheetDocs/)
## Requirements
5 years ago
[Node.js](https://nodejs.org/en/) Version >= 6
## Installation
5 years ago
```
npm install
npm install gulp -g
```
## Development
Development
5 years ago
```
npm run dev
```
Package
5 years ago
```
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.
5 years ago
## Usage
5 years ago
#### First step
Copy all files in the `dist` folder after `npm run build` to the project directory
5 years ago
#### Second step
Introduce dependencies
5 years ago
```
<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>
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 () {
//Configuration item
5 years ago
var options = {
container: 'luckysheet' //luckysheet is the container id
5 years ago
}
luckysheet.create(options)
5 years ago
})
</script>
```
## Contact
5 years ago
mengshu@office2.cn
## communication
5 years ago
- [Gitter](https://gitter.im/mengshukeji/Luckysheet)
5 years ago
## Authors and acknowledgment
- [@wpxp123456](https://github.com/wpxp123456)
- [@Dushusir](https://github.com/Dushusir)
5 years ago
## License
5 years ago
[MIT](http://opensource.org/licenses/MIT)
5 years ago
Copyright (c) 2020-present, mengshukeji