js导出Excel表格

　　直接上代码：

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

 //Excel下载

 function base64(content) {

     return window.btoa(unescape(encodeURIComponent(content)));

 }

 function exportOffice(dom, tableID, fName) {

     var type = 'excel';

     var table = document.getElementById(tableID);

     var excelContent = table.innerHTML;

     var ddd="<td style=\"mso-number-format:'\\@';\">";

10     var result=((excelContent).toString()).replace(/<td(.*?)>/g,ddd);

     console.log(result);

     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'>";

     excelFile += "<head>";

     excelFile += "<meta http-equiv=Content-Type; content=text/html;charset=UTF-8>";

     excelFile += "<!--[if gte mso 9]>";

     excelFile += "<xml>";

     excelFile += "<x:ExcelWorkbook>";

     excelFile += "<x:ExcelWorksheets>";

     excelFile += "<x:ExcelWorksheet>";

     excelFile += "<x:Name>";

     excelFile += "{worksheet}";

     excelFile += "</x:Name>";

     excelFile += "<x:WorksheetOptions>";

     excelFile += "<x:DisplayGridlines/>";

     excelFile += "</x:WorksheetOptions>";

     excelFile += "</x:ExcelWorksheet>";

     excelFile += "</x:ExcelWorksheets>";

     excelFile += "</x:ExcelWorkbook>";

     excelFile += "</xml>";

     excelFile += "<![endif]-->";

     excelFile += "</head>";

     excelFile += "<body><table>";

     excelFile += result;

     excelFile += "</table></body>";

     excelFile += "</html>";

     var base64data = "base64," + base64(excelFile);

     switch (type) {

         case 'excel':

             dom.href = 'data:application/vnd.ms-' + type + ';' + base64data;

             ;//必须是a标签，否则无法下载改名

             dom.download = fName;

             break;

     }

 }

　　引用：

　　1、首先得是a标签。

　　2、this：指向a的点击。

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

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

<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. Ubantu linux中使用PyCharm之---破解PyCharm,实现永久免费试用

    打开 http://idea.lanyus.com/ 这个网址,可以直接复制到浏览器打开 获取注册码 K71U8DBPNE-eyJsaWNlbnNlSWQiOiJLNzFVOERCUE5FIiwibG ...

  2. js对象之XMLHttpReques对象学习

    背景:业务需求是,一个前端(手机和浏览器)HTML页面中有图片,按钮......,需要统计用户点击图片或者按钮的次数. 前端实现:通过一个js来统计HTML页面中所有的图片和按钮对象,并给每个对象赋予 ...

  3. Django 数据聚合函数 annotate

    统计各个分类下的文章数 2 周,3 日前 字数 3818 阅读 546 评论 21 在我们的博客侧边栏有分类列表,显示博客已有的全部文章分类.现在想在分类名后显示该分类下有多少篇文章,该怎么做呢?最优 ...

  4. Asp.NetCoreWebApi图片上传接口(二)集成IdentityServer4授权访问(附源码)

    写在前面 本文地址:http://www.cnblogs.com/yilezhu/p/9315644.html 作者:yilezhu 上一篇关于Asp.Net Core Web Api图片上传的文章使 ...

  5. ionic3 生成android 如何控制versionCode版本号

    ionic 项目中生成 android 如何控制版本号呢. 1.在项目的配置文件下的config.xml 来我们可以看到 <widget id="com.ionicframework. ...

  6. 全网最详细的最新稳定OSSEC搭建部署（ossec-server（CentOS6.X）和ossec-agent（CentOS6.X）)（图文详解）

    不多说,直接上干货! 前言 写在前面的话,网上能够找到一些关于ossec方面的资料,虽然很少,但是总比没有强,不过在实际的使用过程中还是会碰到许多稀奇古怪的问题.整理整理我的使用过程,就当做一篇笔记吧 ...

  7. Python快速学习10： 循环的对象及设计 （生活的规律）

    前言 系列文章:[传送门] 生活逐渐规律,按时睡觉.今天写博客,明天补时间看会书.慢慢的时间很珍惜 我很喜欢! 时钟就像个循环体,我们将它融入生活. 正文 循环对象的并不是随着Python的诞生就存在 ...

  8. Supervisor使用教程

    在项目中,经常有脚本需要常驻运行的需求.以PHP脚本为例,最简单的方式是: $ nohup php cli.php & 这样能保证当前终端被关闭或者按CRTL+C后,脚本仍在后台运行.但是没法 ...

  9. ELK实践（二）：收集Nginx日志

    Nginx访问日志 这里补充下Nginx访问日志使用的说明.一般在nginx.conf主配置文件里需要定义一种格式: log_format main '$remote_addr - $remote_u ...

  10. SharePoint如何配置Ipad跳转等问题

    如何配置Ipad跳转 Apple iPad 设备上不支持 SharePoint 标准视图.用户可以改用移动视图在 iPad 设备上查看 SharePoint 内容.默认情况下,iPad 用户被重定向到 ...