纯js根据table页面样式导出excel表格（包括居中，合并，自定义样式）

功能介绍：需要做一个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">&nbsp;</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);

FormX.ai：支持发票/收据/身份证/合同/银行对账单等多种文档类型

匡优Excel：一款智能的Excel分析工具，只需上传文件即可获取图表

Excel小技巧：如何快速分析Excel表格中的数据（图表步骤介绍）

简单介绍Excel表格中的6个求和函数

利用Excel表格做图表，附4个示例（Excel图表制作应用）

标签： excel表格 xls导出导出功能