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. 排除Transformation Errors

    当运行session时,会产生大量的Transformation Errors,这些Error会导致性能变慢 1 Transformation Errors导致性能降低的原因 当有大量记录有Trans ...

  2. 吐血整理 20 道 Spring Boot 面试题，我经常拿来面试别人！

    面试了一些人,简历上都说自己熟悉 Spring Boot, 或者说正在学习 Spring Boot,一问他们时,都只停留在简单的使用阶段,很多东西都不清楚,也让我对面试者大失所望. 下面,我给大家总结 ...

  3. Django ListView实现分页

    效果: url.py main-urls from django.urls import path,include urlpatterns = [ path('admin/', admin.site. ...

  4. NodeJS学习笔记 - Apache反向代理集成实现

    初学,简单的实现,为进行优化. 1. 假设NodeJS服务端监听3000端口 2. Apache反向代理设置 a. 在httpd.conf配置文件中开启代理模块 LoadModule proxy_mo ...

  5. Java并发编程之AQS

    一.什么是AQS AQS(AbstractQueuedSynchronize:队列同步器)是用来构建锁或者其他同步组件的基础框架,很多同步类都是在它的基础上实现的,比如常用的ReentrantLock ...

  6. Chapter 4 Invitations——7

    The next day, I was surprised that Jessica wasn't her usual gushing self in Trig and Spanish. 第二天,我很 ...

  7. apache用户认证访问机制(转)

    Apache服务器已经内置用户验证机制,大家只要适当的加以设置,便可以控制网站的某些部分要用户验证.前期准备,必须已经安装apache,如果还没安装,或者对安装很模糊的话,第1步:我们在/var/ww ...

  8. 第5章 Linux上管理文件系统

    5.1 机械硬盘 机械硬盘由多块盘片组成,它们都绕着主轴旋转.每块盘片上下方都有读写磁头悬浮在盘片上下方,它们与盘片的距离极小.在每次读写数据时盘片旋转,读写磁头被磁臂控制着不断的移动来读取其中的数据 ...

  9. Ubuntu16---安装mysql5.7未提示输入密码，安装后修改mysql密码默认密码

    Ubuntu16安装mysql5.7未提示输入密码,安装后修改mysql密码默认密码 mysql默认密码为空 但是使用mysql -uroot -p 命令连接mysql时,报错 ERROR 1045 ...

  10. 【golang-GUI开发】qt之signal和slot（一）

    想了很久,我决定还是先从signal和slot(信号槽)开始讲起. signal和slot大家一定不陌生,先看一段示例(选自文档): class Counter : public QObject { ...