&

html table 如何導出為excel表格案例分享

當前位置：點晴教程→知識管理交流 →『技術文檔交流』

freeflydom

2023年5月18日 17:24 本文熱度 1574

應用場景，頁面就是普通的 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協同辦公管理系統。

91网首页-91网页版-91网在线观看-91网站免费观看-91网站永久视频-91网站在线播放

html table 如何導出為excel表格案例分享