基於jquery實現的Excel

Mr_初晨發表於2019-04-06

最近心血來潮(實屬被逼無奈)用jquery寫了一個類似於Excle的頁面(你說我一個後端,非跑前端湊什麼熱鬧)

嗯,目前實現的功能如下:

  1. 合併單元格,拆分單元格
  2. 插入單元格,刪除單元格
  3. 整行整列選擇單元格
  4. 自定義右鍵選單,可以設定單元格數量
  5. 支援滑鼠左鍵調整單元格寬高
  6. 支援選中單元格輸入文字,設定字型,顏色,單元格背景色,水平位置,垂直位置,字型粗細,斜體,字型大小
  7. 單元格設定自動換行功能,預設為超出部分顯示省略號
  8. 支援表結構修改的撤回功能(待完善)
  9. 單個單元格的樣式複製
  10. 支援選中單元格,滑鼠左鍵選中複製。複製支援有規律的數字計算(等差數列)
  11. 支援設定單元格線條樣式,顏色
  12. 支援儲存excel的HTML結構和將儲存的excel結構程式碼展示出來繼續編

後續有時間會繼續更新完善功能。

介面如下:

基於jquery實現的Excel

基於jquery實現的Excel

基於jquery實現的Excel

專案地址:

碼雲:gitee.com/beany/myExc…

github:github.com/MyBeany/myE…

如果對您有幫助,幫忙給個star。


我的另一個自定義拖動的圖形繪畫工具

juejin.im/post/5ca367…


相關文章