1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <title>Document</title>
  7. </head>
  8.  
  9. <body>
  10.     <a id="dlink" style="display:none;"></a>
  11.     <input id="button" type="button" value="Export to Excel">
  12.     <table id="tables">
  13.         <caption>表格转excel</caption>
  14.         <!--可以生成表格的标题-->
  15.         <thead>
  16.             <tr>
  17.                 <th>功能</th>
  18.                 <th>功能描述</th>
  19.                 <th>参数取值范围</th>
  20.                 <th title="ESC取消保存，Enter保存">取值</th>
  21.             </tr>
  22.         </thead>
  23.         <tbody>
  24.             <tr index="0">
  25.                 <td>网络图标是否显示</td>
  26.                 <td>根据用户需求适配是否显示网络i图标 开启：在主图及导航界面显示网络图标 关闭：不显示网络图标
  27.                 </td>
  28.                 <td>true：开启false：关闭</td>
  29.             </tr>
  30.             <tr index="1">
  31.                 <td>wifi未连接蒙层提醒</td>
  32.                 <td>为了引导用户联网，wifi未连接的情况下，进行强提醒。</td>
  33.                 <td>true：开启false：关闭</td>
  34.             </tr>
  35.             <tr index="2">
  36.                 <td>卫星界面是否显示车速值</td>
  37.                 <td>可在查看卫星的详情界面配置是否显示车速值</td>
  38.                 <td>true：开启false：关闭</td>
  39.             </tr>
  40.         </tbody>
  41.     </table>
  42.     <script type="text/javascript">
  43.     var tableToExcel = (function() {
  44.         var uri = 'data:application/vnd.ms-excel;base64,',
  45.             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>{table}</table></body></html>',
  46.             base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) },
  47.             format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p]; }) };
  48.         return function(table, name, filename) {
  49.             if (!table.nodeType) table = document.getElementById(table);
  50.             console.log(table.innerHTML)
  51.             var ctx = { worksheet: name || 'Worksheet', table: table.innerHTML }//此时的innerHTML数据可以自己自定义 比如json转化 只要值要数据符合即可
  52.  
  53.             document.getElementById("dlink").href = uri + base64(format(template, ctx));
  54.             document.getElementById("dlink").download = filename;
  55.             document.getElementById("dlink").click();
  56.         }
  57.     });
  58.  
  59.     var id = "tables",
  60.         worksheetName = 'sheet',
  61.         workName = "demo.xls";
  62.  
  63.     document.getElementById('button').onclick = function() {
  64.         var download = tableToExcel();
  65.         download(id, worksheetName, workName)
  66.     };
  67.     </script>
  68. </body>
  69.  
  70. </html>

这种转换没有如下链接转换的好， 详情

HTML中的table导出为Excel文件的更多相关文章

  1. Qt中将QTableView中的数据导出为Excel文件

    如果你在做一个报表类的程序,可能将内容导出为Excel文件是一项必须的功能.之前使用MFC的时候我就写过一个类,用于将grid中的数据导出为Excel文件.在使用了QtSql模块后,我很容易的将这个类 ...

  2. C#中dategridview数据导出为excel文件

    先从数据库中获取数据,绑定在datagridview中,再从dategridview中导出为excel文件 1.新建窗体,把控件datagridview和按钮设置好,如图

  3. C#将数据集DataSet中的数据导出到EXCEL文件的几种方法

    using System; using System.Collections.Generic; using System.Text; using System.Data; using System.W ...

  4. vue中把table导出表格excel

    1.首先下载2个js,我的百度网盘有 2.安装依赖 npm install -S file-saver xlsx(这里其实安装了2个依赖) npm install -D script-loader 3 ...

  5. 用js实现导出功能将html中的table导出为excel

    /** * 描述:导出表格对应的excel文件 * 时间:2018-03-29 * 作者:任恩远 * 调用示例: * onclick = "tableToExcel(tableId,file ...

  6. js实现table导出为Excel文件

    1.首先创建好表格. 2.然后在js中写三个方法 1)判断浏览器 2)定义文档类型 template : 定义文档的类型,相当于html页面中顶部的<!DOCTYPE> 声明.(个人理解, ...

  7. js中的table导出成Excel表格

    首先判断手否是IE,原因在于IE导出我用的是ActiveXObject,判断的方式很简单,只需要拿到window.navigator.userAgent即可进行判断,代码如下 function get ...

  8. html table表格导出excel的方法 html5 table导出Excel HTML用JS导出Excel的五种方法 html中table导出Excel 前端开发 将table内容导出到excel HTML table导出到Excel中的解决办法 js实现table导出Excel，保留table样式

    先上代码   <script type="text/javascript" language="javascript">   var idTmr; ...

  9. 【ASP.NET】C# 将HTML中Table导出到Excel（TableToExcel）

    首先,说下应用场景 就是,把页面呈现的Table 导出到Excel中.其中使用的原理是 前台使用ajax调用aspx后台,传递过去参数值,导出.使用的组件是NPOI. 前台调用: <script ...

随机推荐

  1. Lepus监控之SQLServer配置（后续整理）

    1.安装pymssql模块 1-1.环境准备: 1-1-1.unixODBC安装 yum install unixODBC unixODBC-devel -y 1-1-2.freetds安装下载 fr ...

  2. mysql高性能6章总结（下） mysql查询优化

    6.5查询优化器的局限性 mysql优化器是有局限性的,有时需要我们改写查询以提高效率. 6.5.1关联子查询 子查询是mysql一个很不效率的地方. 这一节首先我们需要了解一下相关子查询:内外部查询 ...

  3. 反序列化和序列化xml使用反射处理节点的属性

    当一个xml中有大量的属性XmlAttribute需要序列化和反序列化,通常需要复制粘贴大量的如下代码,显得很丑陋,而且容易出错: XmlAttribute attr = Doc.CreateAttr ...

  4. 【转】java面试题

    http://blog.csdn.net/jackfrued/article/details/44921941   Java面试题转

  5. 常用命令npm，gulp, node

    npm常用命令: 检查npm模块的安装情况:(以常用模块 grunt为例说明) 1) 检查是否全局安装了模块Grunt: $npm list -g grunt 2) 列出所有已经全局安装的模块:$np ...

  6. Linux 关机、重启 命令

    重启命令:1.reboot2.shutdown -r now 立刻重启(root用户使用)3.shutdown -r 10 过10分钟自动重启(root用户使用) 4.shutdown -r 20:3 ...

  7. 清除eclipse，STS workspace历史记录

    记一下 打开eclipse下的/configuration/.settings目录 修改文件org.eclipse.ui.ide.prefs文件 把RECENT_WORKSPACES这项修改为你需要的 ...

  8. 02 while循环，密码登录

    i=3 username = "xzy" password = " while i>0: name = input("请输入你的用户名:") i ...

  9. RedHat 7.0更新升级openSSH7.4p1

    由于目前服务器上ssh版本较低,存在安全漏洞,需要升级到最新版本. 系统版本:RedHat 7.0 旧openSSH版本:6.4p1 新openSSH版本:7.4p1 升级方式:源码安装 安装操作步骤 ...

  10. mysql timestamp字段定义的

    Cause: java.sql.SQLException: Cannot convert value '2017-07-26 20:40:41.000000' from column 10 to TI ...