[問題] Vue寫tableExport問題詢問

看板Ajax作者aa12783509 (沒了重心)時間5年前 (2019/02/15 13:32)推噓2(2推 0噓 7→)

留言9則, 1人參與討論串1/1

目前在寫vue想要將Table(.bootstrapTable生成的)匯出Excel來使用tableExport的時候有遇到一些小問題 javascript: <script src="Scripts/tableExport.min.js"></script> 網頁的地方放入button: <button v-on:click="click" class="btn btn-danger">匯出檔案</button> 在vue底下建立click事件: 1. $('#table').tableExport(); 2. $('#table').tableExport({ type: 'excel', escape: 'false', fileName: sTitle + getToday(), formats: ["xlsx"], }); 3. $("#table").tableExport({ headings: true, footers: true, formats: ["xls"], fileName: sTitle + getToday(), bootstrap: true, position: "top", ignoreRows: null, ignoreCols: null, ignoreCSS: ".tableexport-ignore", emptyCSS: ".tableexport-empty", trimWhitespace: false, }); ---------------------------------------------------------------------------------------------------------- 使用過上面三種方法 , 目前遇到了一些小問題第一種方法:他會匯出csv檔 , 但是他檔案儲存的格式為UTF-8 第二種方法:他會匯出xls檔 , 但是打開檔案的時候 , 會顯示其檔案格式與副檔名不相符...... , 明明我指定的是xlsx檔 , 為什麼他跑出來的會是xls檔 , 打開檔案顯示的問題 , 我使用另存新檔 , 他預設的檔案類型竟然是網頁 , 有點搞不懂為什麼第三種方法:明明指定的也是xls檔 , 但是匯出的竟然是csv檔案..... 想詢問一下 Q1: 如果我要讓它會出檔案為xls或者是xlsx , 在打開檔案或者是儲存檔案不會有出現問題的狀況下那該怎麼改寫以上其中一種方法 , 或者是是不是有少匯入什麼javascript檔 , Q2: 在匯出來的Excel檔案是不是有辦法可以去更改Excel的內容靠左靠右置中在這邊麻煩各位有使用過tableExport方法的人分享一下 , 幫忙解決了Q_Q 感謝各位的幫忙~~~~~~ -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 60.249.247.69 ※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1550208758.A.56C.html

推

CloudyWing

02/15 22:10, 5年前 , 1^F

02/15 22:10, 1^F

→

CloudyWing

02/15 22:13, 5年前 , 2^F

02/15 22:13, 2^F

→

CloudyWing

02/15 22:14, 5年前 , 3^F

02/15 22:14, 3^F

最近比較忙所以沒有回來看回復~~~ 不好意思!! 感謝你的回覆阿!!! 我剛剛測試了一下把xlsx.core與FileSaver都匯入了順序:tableExport.min.js -> xlsx.core.min.js ->FileSave.min.js 然後匯出的Code我改為: $('#tbCommissionsFromPeriod').tableExport({ type: 'excel', escape: 'false', fileName: sTitle + getToday(), formats: ["xls"], }); 不管我的formats使用xls或者是xlsx下載下來都匯出下以下圖片的問題 https://imgur.com/a/n3E1fRd ※ 編輯: aa12783509 (60.249.247.69), 02/19/2019 15:36:06