作者aa12783509 (沒了重心)
看板Ajax
標題[問題] Vue寫tableExport問題詢問
時間Fri Feb 15 13:32:35 2019
目前在寫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://webptt.com/m.aspx?n=bbs/Ajax/M.1550208758.A.56C.html
1F：推 CloudyWing: 有載入xlsx.core.js和FileSaver.js嗎？ 02/15 22:10
2F：→ CloudyWing: 題外話Excel可以開html和csv檔案，有些系統會html用改 02/15 22:13
3F：→ CloudyWing: 副檔名，匯出假Excel，副檔名和實際格式是兩回事 02/15 22:14
最近比較忙 所以沒有回來看回復~~~ 不好意思!! 感謝你的回覆阿!!!
我剛剛測試了一下 把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
4F：推 CloudyWing: 我實際上沒有玩過，看官網你順序錯了 02/22 00:28
5F：→ CloudyWing: 先xlsx.core.js，FileSaver要放到最後面 02/22 00:29
6F：→ CloudyWing: 從官網看應該是真Excel 02/22 00:32
7F：→ CloudyWing: 你可以把官網的assets/js/main.min.js給unminifier 02/22 00:33
9F：→ CloudyWing: 剛發現打錯，tableexport.min.js放最後面 02/22 00:45