如题
web项目中,经常会有导出excel表格的需求。
有时候在要求不高的情况下,我们就可以用csv文件来替代xls文件。
假如如图是查询出来的结果,已经展现在html的table中。
如果想要导出此结果怎么办?
简单粗暴,如下段代码即可完成。
csv文件结构简单,没有什么好说的。
//导出
$(document).on("click", "#exportBtn", function () {
var $trs = $("#expenditureTable").find("tr");
var str = "";
for (var i = 0; i < $trs.length; i++) {
var $tds = $trs.eq(i).find("td,th");
for (var j = 0; j < $tds.length; j++) {
str += $tds.eq(j).text() + ",";
}
str += "\n";
}
var aaaa = "data:text/csv;charset=utf-8,\ufeff" + str;
var link = document.createElement("a");
link.setAttribute("href", aaaa);
var date = new Date();
var filename = date.pattern("yyyy-MM-dd HH:mm:ss");
link.setAttribute("download", filename + ".csv");
link.click();
});