據官網介紹這個電子錶格插件,是一款純前端類似excel的線上表格,功能強大、配置簡單、完全開源. 官網鏈接: Luckysheet官網 線上DEMO 特性包含: 表格設置,包括凍結行列、合併單元格、篩選、排序、查詢、條件格式、批註; 支持數據分析功能包括透視表、分列、矩陣操作、內置385個計算函數; ...
據官網介紹這個電子錶格插件,是一款純前端類似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到自己項目中引入使用。
目前來看,核心功能能夠滿足項目需要,但是應該是還有很多細節需要補充,文檔還在進一步完善中,進一步期待吧。
本文由博客群發一文多發等運營工具平臺 OpenWrite 發佈