/**
 * 描述：导出表格对应的excel文件
 * 时间：2018-03-29
 * 作者：任恩远
 * 调用示例：
 * onclick = "tableToExcel(tableId,fileName)"
 */
/**
 * 描述：导出表格对应的excel文件
 * 时间：2018-03-29
 * 作者：任恩远
 * 调用示例：
 * onclick = "tableToExcel(tableId,fileName)"
 */
var tableToExcel = (function() {
    var uri = 'data:application/vnd.ms-excel;base64,'
        , 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]-->'+
    ' <style type="text/css">'+
    '.excelTable  {'+
    'border-collapse:collapse;'+
    ' border:thin solid #999; '+
    '}'+
    '   .excelTable  th {'+
    '   border: thin solid #999;'+
    '  padding:20px;'+
    '  text-align: center;'+
    '  border-top: thin solid #999;'+
    ' '+
    '  }'+
    ' .excelTable  td{'+
    ' border:thin solid #999;'+
    '  padding:2px 5px;'+
    '  text-align: center;'+
    ' }</style>'+'</head><body><table border="1">{table}</table></body></html>'
        , base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) }
        , format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p]; }) }
    return function(table, name) {
        if (!table.nodeType) table = document.getElementById(table)
        var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML};
        var downloadLink = document.createElement("a");
        downloadLink.href = uri + base64(format(template, ctx));
        downloadLink.download = name+".xls";
        document.body.appendChild(downloadLink);
        downloadLink.click();
        document.body.removeChild(downloadLink);
    }
})()
												


											
用js实现导出功能将html中的table导出为excel的更多相关文章
	

    
								
  1. js中的table导出成Excel表格
		
    首先判断手否是IE,原因在于IE导出我用的是ActiveXObject,判断的方式很简单,只需要拿到window.navigator.userAgent即可进行判断,代码如下 function get ...
    
		
    2. 
						
  2. C#后台程序与HTML页面中JS方法互调(功能类似于Ajax中的DWR)
		
    此方法适用于 C#中嵌入WebBrowser(浏览器) 通过浏览器中加载的页面与C#的后台代码进行交互. 一.C#程序 1.在C#窗体中添加WebBrowser(浏览器),将页面的URL添加到浏览器中 ...
    
		
    3. 
						
  3. vue中把table导出表格excel
		
    1.首先下载2个js,我的百度网盘有 2.安装依赖 npm install -S file-saver xlsx(这里其实安装了2个依赖) npm install -D script-loader 3 ...
    
		
    4. 
						
  4. html中的table导出Excel
		
    演示地址: http://www.jq22.com/yanshi3312 具体代码: <!DOCTYPE html> <html lang="zh-CN"> ...
    
		
    5. 
						
  5. html中的table导出Excel （亲测有用(●'◡'●)）
		
    演示地址: http://www.jq22.com/yanshi3312 具体代码: <!DOCTYPE html> <html lang="zh-CN"> ...
    
		
    6. 
						
  6. HTML中的table导出为Excel文件
		
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
    
		
    7. 
						
  7. 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;  ...
    
		
    8. 
						
  8. layer系列之table导出+打印功能总结
		
    1.关于layui导出方式,直接使用layui(版本2.4.5及以上)自带的导出方法即可: layui官网地址:https://www.layui.com/ 源码如下: <!DOCTYPE ht ...
    
		
    9. 
						
  9. 定制Dynamics CRM标准导出功能：不能导出指定列的值
		
    关注本人微信和易信公众号: 微软动态CRM专家罗勇 ,回复239或者20161203可方便获取本文,同时可以在第一间得到我发布的最新的博文信息,follow me!我的网站是 www.luoyong. ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Python爬虫教程-07-post介绍(百度翻译)（上）
			
    Python爬虫教程-07-post介绍(百度翻译)(上) 访问网络两种方法 get: 利用参数给服务器传递信息 参数为dict,使用parse编码 post :(今天给大家介绍的post) 一般向服 ...
    
			
    2. 
						
  2. 基于Vue的WebApp项目开发（五）
			
    实现图片分享列表 步骤一:新增图片列表文件photolist.vue <template> <div id="tml"> 图片分享页面 </div&g ...
    
			
    3. 
						
  3. apple 下安装mysql 以及 碰到的问题
			
    直接说过程: 1.从mysql 官网下载 mysql 5.7最新版:有 两种 一种是 dmg 的傻瓜包,一种是tar.gz的压缩包.我下载的是tar.gz的压缩包. 2.下载成功后,先试用命令sudo ...
    
			
    4. 
						
  4. spring boot(8)-mybatis三种动态sql
			
    脚本sql XML配置方式的动态SQL我就不讲了,有兴趣可以自己了解,下面是用<script>的方式把它照搬过来,用注解来实现.适用于xml配置转换到注解配置 @Select(" ...
    
			
    5. 
						
  5. Linux Kernel 4.11首个候选版本开放下载
			
    Linus Torvalds宣布了即将到来的Linux Kernel 4.11内核分支的首个候选(RC)版本,用户可下载.编译并在自己的GNU/Linux发行版本中进行测试.Linus Torvald ...
    
			
    6. 
						
  6. Mybatis源码解析优秀博文
			
    最近阅读了许久的mybatis源码,小有所悟.同时也发现网上有许多优秀的mybatis源码讲解博文.本人打算把自己阅读过的.觉得不错的一些博文列出来.以此进一步加深对mybatis框架的理解.其实还有 ...
    
			
    7. 
						
  7. Hexo Next配置百度分享、加入动态背景、接入网页在线联系功能、页脚增加统计功能、添加gitment、添加热度、阅读量排行
			
    Hexo Next配置百度分享.加入动态背景.接入网页在线联系功能.页脚增加统计功能.添加gitment.添加热度.阅读量排行: https://wangc1993.github.io/categor ...
    
			
    8. 
						
  8. ZT 匿名内存映射
			
    mmap函数使用 分类: Linux/Unix C/C++ 2008-01-22 17:03 6089人阅读 评论(1) 收藏 举报 unix编程null网络 UNIX网络编程第二卷进程间通信对mma ...
    
			
    9. 
						
  9. Angular不同版本对应的Bootstrap组件
			
    AngularJS 1.x版本对应的 bootstrap组件库是ui-bootstrap; http://www.cnblogs.com/pilixiami/p/5597634.html Angula ...
    
			
    10. 
						
  10. 【RabbitMQ】1、安装
			
    1.  下载 下载地址:http://www.rabbitmq.com/download.html 2.  windows下安装 2.1. 安装Erlang 下载:http://www.erlang. ...
    
			
    11.