jquery.table2excel,将HTML的table标签数据导出成excel
2024-08-30 19:16:22
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>TABLE转换EXCEL</title>
<script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js" ></script>
<script src="js/jquery.table2excel.js"></script>
<style type="text/css">
.btn{
margin:20px;
}
</style>
</head>
<body>
<center>
<input class="btn" type="button" value="点击导出">
<div class="table2excel">
<table id = 'testTable' border="1">
<tr>
<th>标题一</th>
<th>标题二</th>
<th>标题三</th>
</tr>
<tr class="noExl">
<td>100 (不导出)</td>
<td>200 (不导出)</td>
<td>300 (不导出)</td>
</tr>
<tr>
<td>400</td>
<td>500</td>
<td>600</td>
</tr>
<tr>
<td><a href="http://www.baidu.com">baidu.com</a></td>
<td><input tyle="text" value="input 数据"></td>
<td><img src="http://yuyuan:8080/zzz/img/test.jpg" alt="image"></td>
</tr>
</table>
</div>
</center>
<script type="text/javascript">
$(function() {
$(".btn").click(function(){
$(".table2excel").table2excel({
// 不被导出的表格行的CSS class类
exclude: ".noExl",
// 导出的Excel文档的名称
name: "Excel Document Name",
// Excel文件的名称
filename: "test",
//文件后缀名
fileext: ".xls",
//是否排除导出图片
exclude_img: false,
//是否排除导出超链接
exclude_links: false,
//是否排除导出输入框中的内容
exclude_inputs: false
});
});
});
</script>
</body>
</html>
原文链接 : https://blog.csdn.net/weixin_36751895/article/details/79303854
最新文章
- js+css实现骰子的随机转动
- mongodb sharding 简单部署记录
- Codeforces Round #336 (Div. 2)
- TCSRM 591 div2(1000)(dp)
- (转载)Cocos2dx-OpenGL ES 2.0教程:你的第一个三角形(1)
- oschina企业应用
- 总结一下ASP.NET MVC 网站的部署问题
- JS中5秒中跳转到其他页面
- 关于WSL(Windows上的Linux子系统)的介绍
- AJAX跨域完全讲解
- ACM 悼念512汶川大地震遇难同胞——珍惜现在,感恩生活
- C语言的数组指针
- shell脚本-1
- 收获,不止_Oracle读书笔记
- Windows 系统里面的 hosts 文件
- R语言 画图roc
- mysql存储引擎的简介
- ALGO-141_蓝桥杯_算法训练_P1102
- Swift3 使用系统UIAlertView方法做吐司效果
- 【SE】Week3 : 四则运算式生成评分工具Extension&;Release Version(结对项目)