导出网页表格数据为Excel文件的前端解决方案

最新推荐文章于 2022-11-20 20:15:40 发布

weixin_30293135

最新推荐文章于 2022-11-20 20:15:40 发布

阅读量237

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/zixian/p/tableToExcel.html

版权

在工作中，我们有时会遇到这样的需求，比如：要把页面的表格数据导出为Excel文件。在此记录下自己用的解决方法。代码如下：

function tableToExcel(data){
    //要导出的数据,table表格字符串
    var str = data;
    
    //Worksheet名
    var worksheet = 'Sheet1'
    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>${worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>${str}</table></body></html>`;
    //下载模板
    window.location.href = uri + base64(template)
}
//输出base64编码
function base64(s) { return window.btoa(unescape(encodeURIComponent(s))) }

转载于:https://www.cnblogs.com/zixian/p/tableToExcel.html

weixin_30293135

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
导出网页表格数据为Excel文件的前端解决方案

在工作中，我们有时会遇到这样的需求，比如：要把页面的表格数据导出为Excel文件。在此记录下自己用的解决方法。代码如下：function tableToExcel(data){ //要导出的数据,table表格字符串 var str = data; //Worksheet名 var worksheet = 'Sheet1' va...
复制链接

扫一扫