作者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/cn.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