js导出Excel表格

　　直接上代码：

　　红色部分：如果表格数据中有“1/1”这样的值，会在导出的Excel中转化为日期“1月1日”，所以才加上了红色那两句。如果返回值中没有这样的格式，红色部分可以不写。

  1.  //Excel下载
  2.  function base64(content) {
  3.      return window.btoa(unescape(encodeURIComponent(content)));
  4.  }
  5.  function exportOffice(dom, tableID, fName) {
  6.      var type = 'excel';
  7.      var table = document.getElementById(tableID);
  8.      var excelContent = table.innerHTML;
  9.      var ddd="<td style=\"mso-number-format:'\\@';\">";
  10. 10     var result=((excelContent).toString()).replace(/<td(.*?)>/g,ddd);
  11.      console.log(result);
  12.      var excelFile = "<html xmlns:v='urn:schemas-microsoft-com:vml' xmlns:o='urn:schemas-microsoft-com:office:office' xmlns:x='urn:schemas-microsoft-com:office:" + type + "' xmlns='http://www.w3.org/TR/REC-html40'>";
  13.      excelFile += "<head>";
  14.      excelFile += "<meta http-equiv=Content-Type; content=text/html;charset=UTF-8>";
  15.      excelFile += "<!--[if gte mso 9]>";
  16.      excelFile += "<xml>";
  17.      excelFile += "<x:ExcelWorkbook>";
  18.      excelFile += "<x:ExcelWorksheets>";
  19.      excelFile += "<x:ExcelWorksheet>";
  20.      excelFile += "<x:Name>";
  21.      excelFile += "{worksheet}";
  22.      excelFile += "</x:Name>";
  23.      excelFile += "<x:WorksheetOptions>";
  24.      excelFile += "<x:DisplayGridlines/>";
  25.      excelFile += "</x:WorksheetOptions>";
  26.      excelFile += "</x:ExcelWorksheet>";
  27.      excelFile += "</x:ExcelWorksheets>";
  28.      excelFile += "</x:ExcelWorkbook>";
  29.      excelFile += "</xml>";
  30.      excelFile += "<![endif]-->";
  31.      excelFile += "</head>";
  32.      excelFile += "<body><table>";
  33.      excelFile += result;
  34.      excelFile += "</table></body>";
  35.      excelFile += "</html>";
  36.      var base64data = "base64," + base64(excelFile);
  37.      switch (type) {
  38.          case 'excel':
  39.              dom.href = 'data:application/vnd.ms-' + type + ';' + base64data;
  40.              ;//必须是a标签，否则无法下载改名
  41.              dom.download = fName;
  42.              break;
  43.      }
  44.  }

　　引用：

　　1、首先得是a标签。

　　2、this：指向a的点击。

　　3、'grid-basic'：表格的id名。

　　4、'统计报表'：导出Excel后的表格名

  1. <a onClick="exportOffice(this,'grid-basic','统计报表')">导出Excel</a>

　　附上转换红色部分参考文献：https://www.cnblogs.com/zhangym118/p/6378469.html

　　

js导出Excel表格的更多相关文章

  1. html js 导出excel表格

    这个使用js 导出excel,可以集成其他语言,可以html,php,asp ,java 等,自己喜欢用那种语言就用哪种,使用非常方便.js是使用tableExport.js ,jquery-3.2. ...

  2. js导出excel表格中较长数字串会变成科学计数法问题

    在做项目中,遇到导出excel表格时,银行账户号数字过长,导出的数字串变为计数法形式,如下图: 网上搜到解决方法,粘贴到这以供学习.不断更新. 原博地址:http://www.cnblogs.com/ ...

  3. js导出excel表格并生成多sheet

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. Html Table用JS导出excel格式问题 导出EXCEL后单元格里的000412341234会变成412341234 7-14 会变成 2018-7-14(7月14) 自定义格式 web利用table表格生成excel格式问题 js导出excel增加表头、mso-number-format定义数据格式 数字输出格式转换 mso-number-format:"\@"

    Html Table用JS导出excel格式问题 我在网上找的JS把HTML Tabel导出成EXCEL.但是如果Table里的数字内容为0开的的导成Excel后会自动删除0,我想以text的格式写入 ...

  5. JS导出excel设置下载的标题/与angular结合冲突

    2017.8更新 此功能与angular结合使用时,最后一行 document.getElementById("dlink").click(); 与angular的ng-click ...

  6. vue 导出excel表格

    对于涉及到数据比较多的管理后台导出excel 表格这个需求就非常的常见了 所以? vue 怎么到处excel表格的? 有两种办法 1:请求接口后台直接给你的是excel文件,你需要做的就是怎么接收ex ...

  7. vue中导出Excel表格

    项目中我们可能会碰到导出Excel文件的需求,一般后台管理系统中居多,将table中展示的数据导出保存到本地.当然我们也可以通过一些处理来修改要导出的数据格式,具体需求具体对待. 1.首先我们需要安装 ...

  8. 在vue中导出excel表格

    初学者学习vue开发,想把前端项目中导出Excel表格,查了众多帖子,踩了很多坑,拿出来与大家分享一下经验. 安装依赖 //npm npm install file-saver -S npm inst ...

  9. vue 纯前端导出 excel 表格

    在开发后台管理系统的时候,很多地方都要用到导出excel 表格,比如将table中的数据导出到本地,那么实现这种需求往往有两种方案: 一.后端开发一个下载链接,前端将这个链接放到 a 标签的 href ...

随机推荐

  1. 【PHP篇】面向对象基础

    1.声明:class 类名{ //成员属性(变量) 修饰符 $变量名=初值: //成员方法(函数) 修饰符 function 函数名(){ 执行:} } 2.生成类对象:$对象名=new 类名():/ ...

  2. 心路历程（五）-find work and find house

    今天,对我半年的java自学经历做一个总结吧,因为今天刚找到了房子,而工作在前两天已经找到.面试了两家,第一家是海淀去知春路的中科软,去之前就百度了这家公司,各种黑,然后自己去了之后,说说自己真实的感 ...

  3. ASP.NET Core 如何在运行Docker容器时指定容器外部端口(docker compose)

    前面我写了一系列关于持续集成的文章,最终构建出来的镜像运行之后,应该会发现每次构建运行之后端口都变了,这对于我们来说是十分不方便的,所以我们可以通过修改docker compose的配置文件来完成我们 ...

  4. Microsoft 机器学习产品体系对比和介绍

    Microsoft 提供多种多样的产品选项用于生成.部署和管理机器学习模型. 本文将比较这些产品,并帮助你选择所需的产品,以便最有效地开发机器学习解决方案. 机器学习产品 描述 作用 Azure云端服 ...

  5. java中fail-fast 和 fail-safe的区别

    java中fail-fast 和 fail-safe的区别   原文地址:http://javahungry.blogspot.com/2014/04/fail-fast-iterator-vs-fa ...

  6. java扫盲 接口 Enumeration

    摘要: 摘要: 原创出处: http://www.cnblogs.com/Alandre/ 泥沙砖瓦浆木匠 希望转载,保留摘要,谢谢! 记起2年前,高中生活最多的是老师的批评.谢谢! -泥沙砖瓦浆木匠 ...

  7. Spark提高篇——RDD/DataSet/DataFrame（一）

    该部分分为两篇,分别介绍RDD与Dataset/DataFrame: 一.RDD 二.DataSet/DataFrame 先来看下官网对RDD.DataSet.DataFrame的解释: 1.RDD ...

  8. Linux录制、回放和共享终端操作

    另一篇终端会话共享的文章:Linux终端会话实时共享(kibitz) 使用script命令录制,使用scriptreplay播放录制的操作.共享终端的操作,则需要使用命名管道来实现. 1.1 录制 [ ...

  9. Perl语法的基本规则

    因为是比较凌乱的用法规则收集,所以能看懂则看,不能看懂也无所谓.以后也会遇到. Perl脚本第一行使用#!.Perl的后缀名一般为".plx"或".pl",运行 ...

  10. 翻译：非递归CTE(已提交到MariaDB官方手册)

    本文为mariadb官方手册:非递归CTE的译文. 原文:https://mariadb.com/kb/en/library/non-recursive-common-table-expression ...