據官網介紹這個電子表格插件,是一款純前端類似excel的在線表格，功能強大、配置簡單、完全開源.
基于canvas寫的.
官網鏈接：
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到自己專案中引入使用。
目前來看，核心功能能夠滿足專案需要，但是應該是還有很多細節需要補充，檔案還在進一步完善中，進一步期待吧。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/42257.html
標籤：JavaScript
上一篇：請教下，用iview的表格控制元件實作合并單元格，單元格資料卻往后順移
下一篇：axios模板匯入報錯