據官網介紹這個電子表格插件,是一款純前端類似excel的在線表格，功能強大、配置簡單、完全開源.
官網鏈接：
特性包含:
- 表格設置,包括凍結行列、合併單元格、篩選、排序、查詢、條件格式、批註;
- 支持數據分析功能包括透視表、分列、矩陣操作、內置385個計算函數;
- 支持一鍵截圖、複製爲json數據、共享編輯、excel與Luckysheet之間數據的複製粘貼.
- 支持移動端查看
打開在線DEMO體驗下，速度也很快,操作下來和excel基本一致，下面簡單截取主要功能展示下核心功能：
- 凍結首行，還包括凍結首列，凍結行列，凍結區域都支持
- 合併單元格
- 篩選，基本的升序，降序，支持按顏色篩選，按條件過濾，按值過濾等
- 查找替換，支持正則表達式匹配，整詞匹配，區分大小寫匹配多種方式
- 條件格式可以突出顯示單元格規則，項目選取規則，數據條，色階，圖標集，還支持規則管理，新建自定義規則
- 新建批註，可以一鍵隱藏或者顯示全部批註
- 數據透視表，拖拽操作滿足日常數據分析需求
- 文本分列，支持tab鍵，逗號，分號，空格等分割符號
- 矩陣操作支持翻轉，轉置，矩陣計算等操作
- 函數，除支持常用求和，平均值，計數，最大值，最小值外，支持幾乎所有的excel函數，還有if公式生成器
- 一鍵截圖
- 複製爲json或者數組
- 複製excel數據粘貼到Luckysheet中仍然保持原格式
- 移動端支持，滑動體驗好
看起來確實很強大，可以看到作者是很用心在做的，也在積極維護。
準備用在項目裏，有興趣大家一起交流。
那麼我們項目裏怎麼使用呢？
下面帶着大家跟着教程本地跑一跑看.
使用步驟:
- clone項目
git clone https://github.com/mengshukeji/Luckysheet.git
- 安裝依賴
cd Luckysheet
npm install
npm install gulp -g
- 開發者模式體驗
npm run dev
簡單幾步已經跑起來了,如果要引入自己的項目，需要通過npm run build打包出來，把dist文件夾內的文件copy到自己項目中引入使用。
目前來看，核心功能能夠滿足項目需要，但是應該是還有很多細節需要補充，文檔還在進一步完善中，進一步期待吧。