前端實現excel報表,vue+luckysheet


效果如下: 

luckysheet 功能真的強大,幾乎實現了在頁面編輯excel的,下面是我做的demo,利用vue+luckysheet實現。

luckysheet官網:https://mengshukeji.github.io/LuckysheetDocs/

 

demo我已經傳到github,可以直接拉取:https://github.com/weboldboy1994/EXCELdemo.git

 

 

 

 

 

 

 

 

 

注意事項:

1:一定要將luckysheet中需要配置的文件放到 public中(vue框架中要這樣放),因為現在luckysheet還沒有發布出模塊化的開發,不能使用npm,所以只能手動放了。。。。

 

 

 

2:像echars的寫法一樣,需要引入一個“畫板”

 

 

 

3: 初始化excel

container:為id容器,與畫板中的id相對應

title:是表頭名

lang:為語言 en / zh

這些是最基本的配置,具體其他配置自己去luckysheet的官網去查找。 這些搞定,就可以實現一個最簡單的excel表格了。

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM