前端：导出表格

最新推荐文章于 2024-07-12 16:55:56 发布

沐子a~

最新推荐文章于 2024-07-12 16:55:56 发布

阅读量251

点赞数 1

文章标签：前端

本文链接：https://blog.csdn.net/weixin_56341412/article/details/137556577

版权

本文介绍了一个JavaScript函数handleExport，用于将包含HTML表格的页面导出为Excel文件，包括调整样式、文本格式控制和考虑了Excel版本对最大列数的限制。

摘要由CSDN通过智能技术生成

核心代码：

function handleExport(HTML,title){
var uri = 'data:application/vnd.ms-excel;base64,';
        var template = '<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"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet>'
          + '<x:Name>Sheet1</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets>'
          + '</x:ExcelWorkbook></xml><![endif]-->' +
          '</head><body>' + HTML + '</body></html>';
        var a = document.createElement("a");
        a.href = uri + window.btoa(unescape(encodeURIComponent(template)));
        a.download = title+".xls";
        a.target = "";
        document.body.appendChild(a).click();
        document.body.removeChild(a);
}

代码解析：HTML为表格部分的html代码,title为要导出表格的名称

HTML实例:(基本的表格结构要有)

<table>

</table>

细节解析：

①导出表格要调整样式，直接在HTML中增加css代码就可以了

②若要导出数值以文本形式呈现，不展示为科学计数法的形式，可以在HTML中使用

③导出为excel形式会有最大列数限制，这个受excel版本的影响