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 ...
随机推荐
- C++Primer笔记-----day05
=======================================================================day05======================== ...
- hibernate相关方法
uniqueResult() 当确定返回的实例只有一个或者null时 用uniqueResult()方法 代码示例: Session session = factory.openSession(); ...
- <mvc:annotation-driven />讲解
<mvc:annotation-driven />是一种简写形式,完全可以手动配置替代这种简写形式,简写形式可以让初学者快速应用默认配置方案.<mvc:annotation-driv ...
- Docker常用命令和Dockerfile语法
Linux安装Docker: sudo wget -qO- https://get.docker.com/ | sh 安装后只能用root管理,要给其他用户权限,使用命令: sudo usermod ...
- 128. Longest Consecutive Sequence (HashTable)
Given an unsorted array of integers, find the length of the longest consecutive elements sequence. F ...
- 微信小程序(应用号)开发教程
本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果.这个小程序的首页将会显示欢迎语以及当前用户的微信头像,点击头像,可以在新开的页面中查看当前小程序的启动日志.下载源码 1 ...
- 657. Judge Route Circle机器人能否返回
[抄题]: Initially, there is a Robot at position (0, 0). Given a sequence of its moves, judge if this r ...
- cs4.1 编译与安装
cs4.1编译报 https://issues.apache.org/jira/browse/CLOUDSTACK-2913 cs4.1安装报
- catkin_make与gtest出现冲突的问题与解决
gtest是测试时调用的,把测试禁止掉试试 catkin_make --pkg pkgname -DCATKIN_ENABLE_TESTING=0
- Python爬虫入门七之正则表达式
在前面我们已经搞定了怎样获取页面的内容,不过还差一步,这么多杂乱的代码夹杂文字我们怎样把它提取出来整理呢?下面就开始介绍一个十分强大的工具,正则表达式! 1.了解正则表达式 正则表达式是对字符串操作的 ...