html中的table导出Excel
演示地址：
http://www.jq22.com/yanshi3312
具体代码：
<!DOCTYPE html>
<html lang="zh-CN"> <head>
<meta charset="UTF-8">
<title>table export</title></head>
<body>
<table id="table1">
<tbody>
<tr>
<td>文字1</td>
<td>咨询</td>
<td>测试</td></tr>
<tr>
<td>文字1</td>
<td>咨询</td>
<td>测试</td></tr>
<tr>
<td>文字1</td>
<td>咨询</td>
<td>测试</td></tr>
<tr>
<td>文字1</td>
<td>咨询</td>
<td>测试</td></tr>
<tr>
<td>文字1</td>
<td>咨询</td>
<td>测试</td></tr>
<tr>
<td>文字1</td>
<td>咨询</td>
<td>测试</td></tr>
</tbody>
</table>
<table id="table2">
<thead>
<tr>
<td>标题一</td>
<td>标题二</td>
<td>标题三</td></tr>
</thead>
<tbody>
<tr>
<td>
<a href="#" target="_blank">文字2</a></td>
<td>咨询</td>
<td>测试</td></tr>
<tr>
<td>
<a href="#" target="_blank">文字2</a></td>
<td>咨询</td>
<td>测试</td></tr>
<tr>
<td>
<a href="#" target="_blank">文字2</a></td>
<td>咨询</td>
<td>测试</td></tr>
<tr>
<td>
<a href="#" target="_blank">文字2</a></td>
<td>咨询</td>
<td>测试</td></tr>
<tr>
<td>
<a href="#" target="_blank">文字2</a></td>
<td>咨询</td>
<td>测试</td></tr>
<tr>
<td>
<a href="#" target="_blank">文字2</a></td>
<td>咨询</td>
<td>测试</td></tr>
</tbody>
</table>
<div id="export">
<a data-type="json" href="javascript:;">导出json</a>
<a data-type="txt" href="javascript:;">导出txt</a>
<a data-type="csv" href="javascript:;">导出csv</a>
<a data-type="xls" href="javascript:;">导出excel</a>
<a data-type="doc" href="javascript:;">导出word</a></div>
<script src="Blob.js"></script>
<script src="FileSaver.js"></script>
<script src="tableExport.js"></script>
<script>var $exportLink = document.getElementById('export');
$exportLink.addEventListener('click',
function(e) {
e.preventDefault();
if (e.target.nodeName === "A") {
tableExport('table1', '测试测试', e.target.getAttribute('data-type'))
}
},
false);</script>
</body>
</html>
源码下载：
http://files.cnblogs.com/files/gguozhenqian/Demo.rar
html中的table导出Excel的更多相关文章
- html中的table导出Excel （亲测有用(●'◡'●)）
演示地址: http://www.jq22.com/yanshi3312 具体代码: <!DOCTYPE html> <html lang="zh-CN"> ...
- 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; ...
- 导出网页中的table到excel
导出网页中的table到excel的两种简便方法: 1. 纯 JavaScript 方法,缺点只支持IE浏览器 var elTable = document.getElementById(" ...
- 支持IE，FireFox，Chrome三大主流浏览器，通过js+Flash方式将table导出Excel文件
今天在做项目的时候,遇到了前端下载Excel的功能,结果原先的代码,如下: function generate_excel(tableid) { var table = document ...
- element ui table 导出excel表格
https://blog.csdn.net/u010427666/article/details/79208145 vue2.0 + element UI 中 el-table 数据导出Excel1. ...
- <转>HTML中的table转为excel
转换html 中的table 为excel,firefox浏览器支持,代码如下 <%@ page language="java" contentType="text ...
- Java中导入、导出Excel
原文:Java中导入.导出Excel 一.介绍 当前B/S模式已成为应用开发的主流,而在企业办公系统中,常常有客户这样子要求:你要把我们的报表直接用Excel打开(电信系统.银行系统).或者是:我们已 ...
- 我是陌生人 Java中导入、导出Excel
我是陌生人 Java中导入.导出Excel 一.介绍 当前B/S模式已成为应用开发的主流,而在企业办公系统中,常常有客户这样子要求:你要把我们的报表直接用Excel打开(电信系统.银行系统).或者是: ...
- js实现table导出Excel，保留table样式
浏览器环境:谷歌浏览器 1.在导出Excel的时候,保存table的样式,有2种方法,①是在table的行内写style样式,②是在模板里面添加样式 2.第一种方式:行内添加样式 <td sty ...
随机推荐
- 跟着太白老师学python day11 函数名的应用 globals(), locals()
1. 函数名就是内存地址 def func(): ') print(func) >>>> <function func at 0x00000000003DC1E0> ...
- [Android]RecyclerView添加HeaderView出现宽度问题
通过getItemViewType方式判断HeaderView方式添加HeaderView的,结果发现有几个界面HeaderView宽度不能满屏. 于是对比了几种布局,发现LinearLayout为根 ...
- Spring3.0+Hibernate+Atomikos集成构建JTA的分布式事务--解决多数据源跨库事务
一.概念 分布式事务分布式事务是指事务的参与者.支持事务的服务器.资源服务器以及事务管理器分别位于不同的分布式系统的不同节点之上.简言之,同时操作多个数据库保持事务的统一,达到跨库事务的效果. JTA ...
- Kafka核心概念(转)
转自:https://blog.csdn.net/liyiming2017/article/details/82805479 1.Kafka集群结构 实际上kafka的结构图是有些区别的,现在我们看下 ...
- 欲望都市游戏设计 背景图层和UI图层的设计
- 英文单词cipher 和password的区别，用法有什么不同，
['saɪfə(r)] cipher 指一套密码系统,比如电影<风声>中破译的那个系统叫cipher:password 则指进入的指令,比如你的qq密码,电脑密码等叫password.总之 ...
- Java 面试知识点汇总
OOP:(Object Oriented Programming )面向对象编程 重用性.灵活性和扩展性 高内聚.低耦合 面向过程编程与面向对象编程的区别:举例,自己做饭吃与去饭馆吃,去饭馆只需要知道 ...
- code1225 八数码Bfs
Bfs搜索 1.把棋盘直接作为状态: #include<iostream> #include<cstring> #include<queue> #include&l ...
- 洛谷 P2986 [USACO10MAR]伟大的奶牛聚集Great Cow Gat…（树规）
题目描述 Bessie is planning the annual Great Cow Gathering for cows all across the country and, of cours ...
- funk_SVD 个人理解
目标函数: $ J = \frac{1}{2} \left\| R - PQ \right\|^{2} + \lambda \left( \left\|P \right\|^{2} +\left\| ...