Luckysheet
js,web,excel,開源
現(xiàn)如今防泵，web-excel饵较，比較流行的如騰訊文檔，金山文檔，石墨文檔司抱，google doc，以及其他開源excel，這些產(chǎn)品都很好陕悬，但是要么未開源，要么收費(fèi)按傅，那么有沒有一款開源免費(fèi)的在線excel捉超，供我們使用胧卤？當(dāng)然是肯定的，它就是Luckysheet拼岳，完全開源且免費(fèi)
“我們決心制作一個(gè)功能最豐富枝誊，配置和使用最簡(jiǎn)單的開源電子表格-Luckysheet，為企業(yè)報(bào)表平臺(tái)和數(shù)據(jù)分析平臺(tái)提供支持惜纸，并建立一個(gè)數(shù)據(jù)分析社區(qū)叶撒。具體來說，我們提供了一個(gè)類似于excel的在線編輯表格堪簿，其中包含單元格樣式痊乾，公式，過濾椭更，凍結(jié)和其他功能哪审。我們基本支持excel的常用功能，數(shù)據(jù)分析虑瀑，顯示和編輯的需求湿滓。”
Luckysheet是用純JavaScript編寫的前端表格庫舌狗，可以嵌入到任何前端項(xiàng)目或應(yīng)用程序中叽奥，增強(qiáng)原有的系統(tǒng)功能，而無需使用excel或其他復(fù)雜的軟件進(jìn)行數(shù)據(jù)處理痛侍。這使我們的數(shù)據(jù)處理朝氓、分析、顯示和存儲(chǔ)可以由一個(gè)系統(tǒng)完成主届，而無需切換平臺(tái)赵哲，不切換系統(tǒng)，便于集成和完全自動(dòng)化君丁。
格式設(shè)置
單元格
行和列操作
操作體驗(yàn)
公式和函數(shù)
表格操作
數(shù)據(jù)透視表
圖表
分享及寫作
矩陣計(jì)算
截圖 (把選區(qū)的內(nèi)容進(jìn)行截圖展示)
復(fù)制到其他格式
EXCEL,CSV,TXT 導(dǎo)入及導(dǎo)出
插入圖片和svg形狀
數(shù)據(jù)驗(yàn)證(表單功能)
單元格內(nèi)多樣式
使用
Node.jsVersion >= 6
npm install
npm install gulp -g
開發(fā)
npm run dev
打包
npm run build
第一種方法 — 通過CDN引入依賴
<link rel='stylesheet' />
<link rel='stylesheet' />
<link rel='stylesheet' />
<link rel='stylesheet' />
<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' />
<script src="./plugins/js/plugin.js"></script>
<script src="./luckysheet.umd.js"></script>
指定一個(gè)表格容器
<div id="luckysheet" style="margin:0px;padding:0px;position:absolute;width:100%;height:100%;left: 0px;top: 0px;"></div>
創(chuàng)建一個(gè)表格
<script>
? ? $(function () {
? ? ? ? //配置項(xiàng)
? ? ? ? var options = {
? ? ? ? ? ? container: 'luckysheet' //luckysheet為容器id
? ? ? ? }
? ? ? ? luckysheet.create(options)
? ? })
</script>
體驗(yàn)
鏈接無法跳轉(zhuǎn)請(qǐng)復(fù)制鏈接跳轉(zhuǎn)
https://github.com/mengshukeji/Luckysheet
https://mengshukeji.github.io/LuckysheetDemo/
最后附上demo效果圖
