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

目录

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

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

---

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

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

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

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

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

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

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

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 = "";
		    	excelFile += "";
		        excelFile += "";
		        excelFile += excelContent;
		        excelFile += "
";
		        excelFile += "";
                //定义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();
			}

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

对您有用的话，还请动动发财的小手帮小编一键三连吧！你的支持，是我不断输出的最大动力。