JS 将Table数据导出到Excel表

通过JavaScript方法将table中的数据导出在excel表中，使用方便，可以直接浏览器直接下载所需要的excel表，一般适用于后台管理的导出数据需求。

使用方法

1.对table标签设置id，例如：id=”ta”
2.点击按钮调用

<button onclick="javascript:method1('ta')">导出EXCEL</button>

实现过程

var idTmr;
function  getExplorer() {var explorer = window.navigator.userAgent ;//ie if (explorer.indexOf("MSIE") >= 0) {return 'ie';}//firefox else if (explorer.indexOf("Firefox") >= 0) {return 'Firefox';}//Chromeelse if(explorer.indexOf("Chrome") >= 0){return 'Chrome';}//Operaelse if(explorer.indexOf("Opera") >= 0){return 'Opera';}//Safarielse if(explorer.indexOf("Safari") >= 0){return 'Safari';}
}
function method1(tableid) {//整个表格拷贝到EXCEL中if(getExplorer()=='ie'){var curTbl = document.getElementById(tableid);var oXL = new ActiveXObject("Excel.Application");//创建AX对象excel var oWB = oXL.Workbooks.Add();//获取workbook对象 var xlsheet = oWB.Worksheets(1);//激活当前sheet var sel = document.body.createTextRange();sel.moveToElementText(curTbl);//把表格中的内容移到TextRange中 sel.select();//全选TextRange中内容 sel.execCommand("Copy");//复制TextRange中内容  xlsheet.Paste();//粘贴到活动的EXCEL中       oXL.Visible = true;//设置excel可见属性try {var fname = oXL.Application.GetSaveAsFilename("Excel.xls", "Excel Spreadsheets (*.xls), *.xls");} catch (e) {print("Nested catch caught " + e);} finally {oWB.SaveAs(fname);oWB.Close(savechanges = false);//xls.visible = false;oXL.Quit();oXL = null;//结束excel进程，退出完成//window.setInterval("Cleanup();",1);idTmr = window.setInterval("Cleanup();", 1);}}else{tableToExcel('ta');}
}
function Cleanup() {window.clearInterval(idTmr);CollectGarbage();
}
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]--></head><body><table>{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}window.location.href = uri + base64(format(template, ctx))}
})();

JS 将Table数据导出到Excel表相关推荐

关于数据导出成excel表
关于数据导出成excel表咱们这里分享简单导出成excel表和筛选导出excel表,希望对各位有帮助,欢迎大家交流和点赞!!!! 我在这里使用的是一个导出工具类,如下: package cn.ms. ...
js 实现网页表格数据导出到Excel表
最近在做一个项目,涉及到导出数据到Excel表格,由于是采用的前后端分离模式开发的,之前常用的方法已经失效,在网上找了一些资料和方法 js文件下载地址 1.是采用的一个插件 xlsx.full.min ...
mysql 导出数据到excel_怎样将MySQL数据导出到Excel表中
展开全部一.工具:MySQL数据库bai.EXCEL 二.操作du步骤 1.首先,需要打开zhi电脑上dao的Navicat for MySQL快捷键.这样就可以内查看数容据库了. 2.然后,点击r ...
php数字导出excel表格中_php怎么把数据表中的数据导出到excel表中
很多时候,数据库中的数据需要导出成excel,以下是最简便的方法,不用导出excel的类,即使功能简单,但是对于没有复杂需求的项目"见效快". 先定义头部信息,表示输出一个exce ...
POI技术，将数据库数据导出到excel表中
一.功能使用反射写一个工具类,后续使用者可以将任意一个数据库的数值到处到excel表中. 1.使用IDEA软件JDBC连接好数据库, 建立WEB项目将要导出的表数据塞入一个List集合中. 2.找 ...
js 实现前端数据导出为excel表格
源码: <html> <head><p style="font-size: 20px;color: red;">将json数据导出为csv文件& ...
javaSE中的数据导出到Excel表、javaEE中后台生成Excel文件到浏览器端下载
整个项目中导出数据到.Excel的源码 import java.io.BufferedOutputStream; import java.io.FileInputStream; import java ...
多进程爬取豆瓣电影前100，将数据导出为Excel表
之前学习爬虫时,自己尝试写代码爬取的爬取豆瓣前100的电影,现在发表出来便于自己回顾知识点,该代码爬取速度还是非常快的,但是就是因为设置多进程爬取后爬取时间过快,如果不设置随机时间,没有代理IP,爬取 ...
记录~页面table数据导出到excel时，数字或字符串显示成科学计数法的解决办法
在表格中的<td>标签中添加样式:style="mso-number-format:'\@';" <td style="width:90px;mso-n ...

JS 将Table数据导出到Excel表

使用方法

实现过程

JS 将Table数据导出到Excel表相关推荐

最新文章

热门文章