其他分享
首页 > 其他分享> > 开源精选 | 一款纯前端类似excel的在线表格

开源精选 | 一款纯前端类似excel的在线表格

作者:互联网

开源精选 | 一款纯前端类似excel的在线表格

2021-10-22 13:48·GitHub精选

《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目,包括技术、学习、实用与各种有趣的内容。本期推荐的是一款纯前端类似excel的在线表格——Luckysheet。

 

Luckysheet是一款纯前端类似excel的在线表格,支持excel基本功能,仅需简单的配置即可使用,目前已经完全开放源代码。

开源精选 | 一款纯前端类似excel的在线表格

 

Luckysheet的功能特性:

格式设置

单元格

行列操作

操作体验

公式和函数

① 数学 (SUMIFS, AVERAGEIFS, SUMIF, SUM, etc.)

② 文本 (CONCATENATE, REGEXMATCH, MID)

③ 日期 (DATEVALUE, DATEDIF, NOW, WEEKDAY, etc.)

④ 财务 (PV, FV, IRR, NPV, etc.)

⑤ 逻辑 (IF, AND, OR, IFERROR, etc.)

⑥ 查找和引用 (VLOOKUP, HLOOkUP, INDIRECT, OFFSET, etc.)

⑦ 动态数组 (Excel2019新函数,SORT,FILTER,UNIQUE,RANDARRAY,SEQUENCE)

数据透视表

图表

分享及写作

插入对象

专有功能

 

简单使用:

1. 引入依赖,有2种方式

CDN

<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/css/pluginsCss.css' />
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/plugins.css' />
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/css/luckysheet.css' />
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/assets/iconfont/iconfont.css' />
<script src="https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/js/plugin.js"></script>
<script src="https://cdn.jsdelivr.net/npm/luckysheet/dist/luckysheet.umd.js"></script>

本地引入

<link rel='stylesheet' href='./plugins/css/pluginsCss.css' />
<link rel='stylesheet' href='./plugins/plugins.css' />
<link rel='stylesheet' href='./css/luckysheet.css' />
<link rel='stylesheet' href='./assets/iconfont/iconfont.css' />
<script src="./plugins/js/plugin.js"></script>
<script src="./luckysheet.umd.js"></script>

2. 指定一个表格容器

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

3. 创建一个表格

<script>
    $(function () {
        //配置项
        var options = {
            container: 'luckysheet' //luckysheet为容器id
        }
        luckysheet.create(options)
    })
</script>

更多配置参考文档介绍:整体配置 | Luckysheet文档

预览:

开源精选 | 一款纯前端类似excel的在线表格

 

开源精选 | 一款纯前端类似excel的在线表格

 

开源精选 | 一款纯前端类似excel的在线表格

 

开源精选 | 一款纯前端类似excel的在线表格

 

开源精选 | 一款纯前端类似excel的在线表格

 

开源精选 | 一款纯前端类似excel的在线表格

 

开源精选 | 一款纯前端类似excel的在线表格

 

更多内容大家可自行前往阅读。

开源地址:gitee.com/mengshukeji/Luckysheet

标签:选区,表格,单元格,excel,支持,etc,开源,Luckysheet
来源: https://www.cnblogs.com/sexintercourse/p/15519757.html