又發現一款純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

2. 安裝依賴

cd Luckysheet
npm install
npm install gulp -g

3. 開發者模式體驗

npm run dev

簡單幾步已經跑起來了,如果要引入自己的項目，需要通過npm run build打包出來，把dist文件夾內的文件copy到自己項目中引入使用。
目前來看，核心功能能夠滿足項目需要，但是應該是還有很多細節需要補充，文檔還在進一步完善中，進一步期待吧。

本文由博客群發一文多發等運營工具平台 OpenWrite 發布