Bootstrap

前端直接的导出为Excel(使用blob函数)

var table = document.getElementById("tableID")
for(var i = 0; i < table.rows.length; i++){
    table.rows[i].deleteCell(0);
}

👆前置步骤(选用)删除索引列,如删除第一列则deleteCell里为0,以此类推,同时可以选用其他方式删除相应的行列

Tip:tableID为表格ID,自己填入自己表格的ID即可,下面不再赘述

$("#tableID").css("border","1px solid black");
$("#tr").css("border","1px solid black");
$("#td").css("border","1px solid black");

👆样式设置(选用)设置导出表格的边框样式,可根据自己的喜好自行更改

var html = "<html><head><meta charset='utf-8'/></head><body>"+document.querySelectorAll("tableID")[0].outerHTML+"</body>";
var blob = new Blob([html],{type:"application/vnd.ms-excel"});
console.log("执行打印");
console.log(html);
var url = URL.createObjectURL(blob);
var a = document.createElement("a");
a.href = url;
a.download = "表名.xls";
a.click();

👆导出表格的核心代码(重点),为浏览器捕获html输出为指定格式,download的引号内可以为任何名字,需要加后缀名保证可以正常使用表格工具打开

history.go(0)

👆刷新页面(选用),用于排除插入样式导致的页面表格显示回到插入样式前,也可使用移除CSS方法排除

;