又發現一款純js開源電子表格Luckysheet

據官網介紹這個電子表格插件,是一款純前端相似excel的在線表格，功能強大、配置簡單、徹底開源.

官網連接：

• Luckysheet官網
• 在線DEMO

特性包含:

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

打開在線DEMO體驗下，速度也很快,操做下來和excel基本一致，下面簡單截取主要功能展現下核心功能：

1. 凍結首行，還包括凍結首列，凍結行列，凍結區域都支持
   
   
2. 合併單元格
   
   
3. 篩選，基本的升序，降序，支持按顏色篩選，按條件過濾，按值過濾等
   
   
4. 查找替換，支持正則表達式匹配，整詞匹配，區分大小寫匹配多種方式
   
   
5. 條件格式能夠突出顯示單元格規則，項目選取規則，數據條，色階，圖標集，還支持規則管理，新建自定義規則
   
   
6. 新建批註，能夠一鍵隱藏或者顯示所有批註
   
   
7. 數據透視表，拖拽操做知足平常數據分析需求
   
   
8. 文本分列，支持tab鍵，逗號，分號，空格等分割符號
   
   
9. 矩陣操做支持翻轉，轉置，矩陣計算等操做
   
   
10. 函數，除支持經常使用求和，平均值，計數，最大值，最小值外，支持幾乎全部的excel函數，還有if公式生成器
    
    
11. 一鍵截圖
    
    
12. 複製爲json或者數組
    
    
13. 複製excel數據粘貼到Luckysheet中仍然保持原格式
    
    
14. 移動端支持，滑動體驗好
    
    

看起來確實很強大，能夠看到做者是很用心在作的，也在積極維護。
準備用在項目裏，有興趣你們一塊兒交流。

那麼咱們項目裏怎麼使用呢？

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

使用步驟:

1. clone項目

git clone https://github.com/mengshukeji/Luckysheet.git

1. 安裝依賴

cd Luckysheet
npm install
npm install gulp -g

1. 開發者模式體驗

npm run dev

簡單幾步已經跑起來了,若是要引入本身的項目，須要經過npm run build打包出來，把dist文件夾內的文件copy到本身項目中引入使用。
目前來看，核心功能可以知足項目須要，可是應該是還有不少細節須要補充，文檔還在進一步完善中，進一步期待吧。

本文由博客羣發一文多發等運營工具平臺 OpenWrite 發佈