最強國產開源電子表格-Luckysheet，強勢登頂Github trending第一名!

背景

如今web技術蓬勃發展，辦公應用特別是excel都搬到了線上，比較流行的有騰訊文檔，金山文檔，石墨文檔，google doc，屬於企業服務。可是小型企業或者團隊，若是想本身搭建一套在線表格系統呢？有沒有開源的方案？

經筆者調查，一些表格具備相對簡單的功能，只能顯示數據和過濾器功能，或者某些表格支持多種單元格樣式，可是此類功能須要付費。比較出名有spreadjs，handsontable，這兩個插件有明顯的缺點，spreadjs增值功能收費太貴，handsontable二次開發坑不少。

介紹

"咱們決心製做一個功能最豐富，配置和使用最簡單的開源電子表格-Luckysheet，爲企業報表平臺和數據分析平臺提供支持，並創建一個數據分析社區。具體來講，咱們提供了一個相似於excel的在線編輯表格，其中包含單元格樣式，公式，過濾，凍結和其餘功能。咱們基本支持excel的經常使用功能，數據分析，顯示和編輯的需求。" --Luckysheet做者

更方便的是，Luckysheet是用純JavaScript編寫的前端表格庫，能夠嵌入到任何前端項目或應用程序中，加強原有的系統功能，而無需使用excel或其餘複雜的軟件進行數據處理。這使咱們的數據處理、分析、顯示和存儲能夠由一個系統完成，而無需切換平臺，不切換系統，便於集成和徹底自動化。

體驗

官網連接：

• Github
• 在線DEMO

特性

簡單列舉幾個主要的功能

1. 表格設置,包括凍結行列、合併單元格、篩選、排序、查詢、條件格式、批註;
2. 支持數據分析功能包括透視表、分列、矩陣操做、內置385個計算函數;
3. 支持一鍵截圖、複製爲json數據、共享編輯、excel與luckysheet之間數據的複製粘貼.
4. 加強功能如excel導入、插入圖片、數據驗證、行內樣式
5. 支持移動端查看
6. 等等。。。

打開在線DEMO體驗下，速度也很快,操做下來和excel基本一致

近期Luckysheet更新了一個亮點功能，支持xlsx格式excel導入，導出也正在開發中。

excel導入Demo

功能及架構

這裏展現幾個核心功能，看起來確實很強大，能夠看到做者是很用心在作的，也在積極維護。更多細節能夠在官網看到。

使用

下面帶着你們跟着教程本地跑一跑看.

環境

Node.js Version >= 6

安裝

npm install
npm install gulp -g

開發

開發

npm run dev

打包

npm run build

用法

第一步

經過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>

第二步

指定一個表格容器

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

第三步

建立一個表格

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

總結

目前開源電子表格，這個應該是最強大的了，核心功能基本可以知足項目須要，可是應該是還有不少細節須要補充，文檔還在進一步完善中，進一步期待吧。