html中的table导出Excel (亲测有用(●'◡'●))
2024-08-27 04:54:54
演示地址:
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
原文转自 : http://www.cnblogs.com/gguozhenqian/p/5717555.html
最新文章
- 更改pip安装源的镜像解决安装总是timeout的情况
- jpeg库编译 - windows平台
- mysql Integer Types (Exact Value) - INTEGER, INT, SMALLINT, TINYINT, MEDIUMINT, BIGINT
- SQL查询一个表的总记录数的方法
- CSS3教程链接
- 自己定制Linux发行版(资料)
- QTableWidget 导出到表格
- vc调用BCB的dll 参数传递 报错
- C++Primer笔记(1)
- VS2008+Qt 项目目录
- 《大数据互联网大规模数据挖掘与分布式处理》阅读笔记(四)-----WEB广告
- Java ee el表达式
- 自定义类似于Jquery UI Selectable 的Vue指令v-selectable
- HTML 5核心内容
- 【做题】UOJ450 - 复读机——单位根反演
- dm_analysis
- 使用ENCKEYS方法加密数据
- C# 多线程參数传递
- 【Java】MyBatis与Spring框架整合(二)
- python概念-常用模块之究竟你是什么鬼