html table 如何导出为excel表格案例分享

当前位置：知识管理交流 →『技术文档交流』

freeflydom

2023年5月18日 17:24 本文热度 613

应用场景，页面就是普通的 html 。

例如要导出这个示例Table表格。

先来看看导出的表格如下：

1、先创建 html 的表格，并指定表格唯一ID：impTable

2、定义导出表格的函数方法 toExcel()。

1）页面添加一个动作按钮。

<div class="searchBt" onclick="toExcel()" style="float: right;margin: 10px 20px;">导出</div>

2）具体的 Javascript 代码如下：

function base64(content) {
	return window.btoa(unescape(encodeURIComponent(content)));
}
var format = function (s, c) {
	return s.replace(/{(\w+)}/g,
		function (m, p) {
			return c[p];
		});
}
//导出html表格为 excel 文件
function toExcel() {
	var excelContent = $("#impTable").html();
	var excelFile = "<html xmlns:o='urn:schemas-microsoft-com:office:office' xmlns:x='urn:schemas-microsoft-com:office:excel' xmlns='http://www.w3.org/TR/REC-html40'>";
	excelFile += "<head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head>";
	excelFile += "<body><table width='50%'  border='1'>";
	excelFile += excelContent;
	excelFile += "</table></body>";
	excelFile += "</html>";
			//定义excel 的sheet名称
	var ctx = {worksheet: "授信审批表"};
	var link = "data:application/vnd.ms-excel;base64," + base64(format(excelFile, ctx));
	var a = document.createElement("a");
			//定义excel 的文件名称
	var fileName ="授信审批表_"+$("#skrName").val();
	a.download = fileName+".xls";
	a.href = link;
	a.click();
}

是不是非常简单好用呢？而且他不需要额外的插件支持，导出的样式也还挺合适的。

————————————————

https://blog.csdn.net/weixin_36754290/article/details/126765337

该文章在 2023/5/18 17:24:41 编辑过

关键字查询

表格

excel

导出

正在查询...

点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。

点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理，结合码头的业务特点，围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体，是物流码头及其他港口类企业的高效ERP管理信息系统。

点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。

点晴免费OA是一款软件和通用服务都免费，不限功能、不限时间、不限用户的免费OA协同办公管理系统。