Luckysheet
js,web,excel,開(kāi)源
現(xiàn)如今，web-excel，比較流行的如騰訊文檔，金山文檔，石墨文檔，google doc，以及其他開(kāi)源excel，這些產(chǎn)品都很好，但是要么未開(kāi)源，要么收費(fèi)，那么有沒(méi)有一款開(kāi)源免費(fèi)的在線excel，供我們使用？當(dāng)然是肯定的，它就是Luckysheet，完全開(kāi)源且免費(fèi)
“我們決心制作一個(gè)功能最豐富，配置和使用最簡(jiǎn)單的開(kāi)源電子表格-Luckysheet，為企業(yè)報(bào)表平臺(tái)和數(shù)據(jù)分析平臺(tái)提供支持，并建立一個(gè)數(shù)據(jù)分析社區(qū)。具體來(lái)說(shuō)，我們提供了一個(gè)類(lèi)似于excel的在線編輯表格，其中包含單元格樣式，公式，過(guò)濾，凍結(jié)和其他功能。我們基本支持excel的常用功能，數(shù)據(jù)分析，顯示和編輯的需求?！?/p>
Luckysheet是用純JavaScript編寫(xiě)的前端表格庫(kù)，可以嵌入到任何前端項(xiàng)目或應(yīng)用程序中，增強(qiáng)原有的系統(tǒng)功能，而無(wú)需使用excel或其他復(fù)雜的軟件進(jìn)行數(shù)據(jù)處理。這使我們的數(shù)據(jù)處理、分析、顯示和存儲(chǔ)可以由一個(gè)系統(tǒng)完成，而無(wú)需切換平臺(tái)，不切換系統(tǒng)，便于集成和完全自動(dòng)化。
格式設(shè)置
單元格
行和列操作
操作體驗(yàn)
公式和函數(shù)
表格操作
數(shù)據(jù)透視表
圖表
分享及寫(xiě)作
矩陣計(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
開(kāi)發(fā)
npm run dev
打包
npm run build
第一種方法 — 通過(guò)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>
1
創(chuàng)建一個(gè)表格
<script>
? ? $(function () {
? ? ? ? //配置項(xiàng)
? ? ? ? var options = {
? ? ? ? ? ? container: 'luckysheet' //luckysheet為容器id
? ? ? ? }
? ? ? ? luckysheet.create(options)
? ? })
</script>
體驗(yàn)
鏈接無(wú)法跳轉(zhuǎn)請(qǐng)復(fù)制鏈接跳轉(zhuǎn)
https://github.com/mengshukeji/Luckysheet
https://mengshukeji.github.io/LuckysheetDemo/
最后附上demo效果圖
