zoukankan      html  css  js  c++  java
  • 用js实现导出功能将html中的table导出为excel

    /**
    * 描述:导出表格对应的excel文件
    * 时间:2018-03-29
    * 作者:任恩远
    * 调用示例:
    * onclick = "tableToExcel(tableId,fileName)"
    */
    /**
    * 描述:导出表格对应的excel文件
    * 时间:2018-03-29
    * 作者:任恩远
    * 调用示例:
    * onclick = "tableToExcel(tableId,fileName)"
    */
    var tableToExcel = (function() {
    var uri = 'data:application/vnd.ms-excel;base64,'
    , 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]-->'+
    ' <style type="text/css">'+
    '.excelTable {'+
    'border-collapse:collapse;'+
    ' border:thin solid #999; '+
    '}'+
    ' .excelTable th {'+
    ' border: thin solid #999;'+
    ' padding:20px;'+
    ' text-align: center;'+
    ' border-top: thin solid #999;'+
    ' '+
    ' }'+
    ' .excelTable td{'+
    ' border:thin solid #999;'+
    ' padding:2px 5px;'+
    ' text-align: center;'+
    ' }</style>'+'</head><body><table border="1">{table}</table></body></html>'
    , base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) }
    , format = function(s, c) { return s.replace(/{(w+)}/g, function(m, p) { return c[p]; }) }
    return function(table, name) {
    if (!table.nodeType) table = document.getElementById(table)
    var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML};
    var downloadLink = document.createElement("a");
    downloadLink.href = uri + base64(format(template, ctx));
    downloadLink.download = name+".xls";
    document.body.appendChild(downloadLink);
    downloadLink.click();
    document.body.removeChild(downloadLink);
    }
    })()
    
    
  • 相关阅读:
    开发笔记
    PHP的重载及魔术方法
    网站飘窗效果
    asp.net 导入Excel记录到数据库中(转载)
    safari打不开该网页 因为网址无效(解决办法)
    使用join()方法 分隔拆分后的数组
    面向新手的Web服务器搭建——IIS的搭建(转载)
    ueditor上传大容量视频报http请求错误的解决方法(转载)
    表格中针对大段说明文字加一个弹出层
    JS禁止右键及禁止选中文本
  • 原文地址:https://www.cnblogs.com/rey888/p/8670152.html
Copyright © 2011-2022 走看看