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. iview导航菜单updateOpened和updateActiveName的使用

    先看官方文档: iview导航菜单 这里主要遇到的问题有两个: 1. 点击回到首页(B按钮)时需要取消选中当前选中的菜单项(全部不选中),这里用到的是 updateActiveName方法 2. 点击 ...

  2. VSCode typescript ctrl+shift+b can't be compiled error:TS5007

    环境: vscode:1.12.2 node 7.4.0 TypeScript:2.3.2 从svn 更新下来,别的电脑环境编译是没问题的,在我的电脑上编译失败并出现以下错误 error TS5007 ...

  3. VueJs(6)---V-on指令

    V-on指令 一.概述 v-on是用来绑定事件监听器,用在普通元素上时,只能监听原生 DOM 事件.用在自定义元素组件上时,也可以监听子组件触发的自定义事件. 在监听原生 DOM 事件时,方法以事件为 ...

  4. mysql 开发基础系列5 字符串函数

    字符串函数 1.  concat (s1,s2,...sn) 连接里面的参数成一个字符串(注意上面写错了函数名称) SELECT CONCAT('ddd','CCC'); 2.  insert(str ...

  5. 《HelloGitHub月刊》第 01 期

    <HelloGitHub月刊> 因为现在这个项目只有我自己做,只敢叫"月刊",希望有志同道合者,快点加入到这个项目中来!同时,如果您有更好的建议或者意见,欢迎联系我.联 ...

  6. Python快速学习05：面向对象

    系列文章:[传送门] Python对象是Python语言的核心部分.Python使用类(class)和对象(object),进行面向对象(object-oriented programming,简称O ...

  7. crontab的使用笔记

    1 crond简介crond是linux下用来周期性的执行某种任务或等待处理某些事件的一个守护进程,与windows下的计划任务类似,当安装完成操作系统后,默认会安装此服务工具,并且会自动启动cron ...

  8. 面向连接的TCP概述

    TCP连接概述     TCP是因特网运输层面向连接的(connection-oriented)可靠运输协议.之所以说它是面向连接的是因为  一个应用进程向另外一个应用进程发送数据之前,两个进程必须先 ...

  9. [JavaScript] 前端模块编程实现

    前端模块化 前端早期写代码都是全局变量满天飞,这种情况会造成全局命名空间污染,变量冲突等问题 var a = 1; var b = 2; function c(){} function d(){} 后 ...

  10. 29.C++- 异常处理

    C++内置了异常处理的语法元素 try catch try语句处理正常代码逻辑 当try语句发现异常时,则通过throw语句抛出异常,并退出try语句 catch语句处理异常情况 当throw语句抛出 ...