[爆卦]ajax匯出excel是什麼?優點缺點精華區懶人包

為什麼這篇ajax匯出excel鄉民發文收入到精華區:因為在ajax匯出excel這個討論話題中,有許多相關的文章在討論,這篇最有參考價值!作者aa12783509 (沒了重心)看板Ajax標題[問題] Vue寫tableExport問題詢...


目前在寫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: 有載入xlsx.core.js和FileSaver.js嗎? 02/15 22:10
CloudyWing: 題外話Excel可以開html和csv檔案,有些系統會html用改 02/15 22:13
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
CloudyWing: 我實際上沒有玩過,看官網你順序錯了 02/22 00:28
CloudyWing: 先xlsx.core.js,FileSaver要放到最後面 02/22 00:29
CloudyWing: 從官網看應該是真Excel 02/22 00:32
CloudyWing: 你可以把官網的assets/js/main.min.js給unminifier 02/22 00:33
CloudyWing: https://tableexport.v3.travismclarke.com/ 按F12找 02/22 00:33
CloudyWing: 剛發現打錯,tableexport.min.js放最後面 02/22 00:45

你可能也想看看

搜尋相關網站