功能介绍：需要做一个xls导出功能，可以把页面上的自定义样式（居中、合并、背景颜色、字体大小、加粗等）一起导入到excel表格中！
自定义一个table表格
<table border="1" cellpadding="15">
<tr>
<th height="35" colspan="6" style="font-size:20px; background:red">辞职信</th>
</tr>
<tr>
<td height="35" >姓名</td>
<td height="35" width="200">张三</td>
<td height="35">部门</div></td>
<td height="35" width="200">技术部</td>
<td height="35">职务</td>
<td height="35" width="200">大佬</td>
</tr>
<tr>
<td height="35">理由</td>
<td height="35" colspan="5">世界这么大，我想去看看！</td>
</tr>
<tr>
<td height="35" colspan="5" align="right">领导签名</td>
<td height="35"> </td>
</tr>
</table>
excel表格导出代码
var tableHTML = document.querySelector("table").outerHTML;
var xlsContent= `<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel"
xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="ProgId" content="Excel.Sheet" />
</head>
<body>${tableHTML}</body>
</html>`;
var blob = new Blob([xlsContent], { type: "application/vnd.ms-excel" });
var link = document.createElement("a");
link.href = URL.createObjectURL(blob);
link.download = "下载.xls";
link.innerHTML = "下载xls"
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
Excel小技巧：如何快速分析Excel表格中的数据（图表步骤介绍）
利用Excel表格做图表，附4个示例（Excel图表制作应用）
上面是“纯js根据table页面样式导出excel表格（包括居中，合并，自定义样式）”的全面内容，想了解更多关于 js 内容，请继续关注web建站教程。
当前网址：https://m.ipkd.cn/webs_2667.html
声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！
