首先引入jquary和table2excel.js 的js插件
链接：
提取码：1111
然后编辑一个简单的测试页面
<!DOCTYPE>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>TABLE转换EXCEL</title><script src="static/js/jquery.js" ></script><script src="static/table2excel.js"></script><style type="text/css">.btn{margin:20px;}</style>
</head>
<body>
<center><input class="btn" type="button" id="btn" 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="">baidu</a></td><td><input tyle="text" value="input 数据"></td><td>哈哈哈</td></tr></table></div>
</center>
<script type="text/javascript">$(function(){//点击id为excelbtn的按钮$("#btn").click(function(){//testTablel是需要导出table的id$("#testTable").table2excel({//需要导出的列columns:[0],// 不被导出的表格行的CSS class类exclude: ".noExl",// 导出的Excel文档的名称name: "Excel",// Excel文件的名称filename: "Excel",// 是否导出图片exclude_img: true,// 是否导出超链接exclude_links: true,// 是否导出输入框中的内容exclude_inputs: true,});})})
</script>
</body>
</html>
js代码是固定的 在点击下载的时候注意触发事件按钮的id 以及表单的id即可
其次 如果想要下载格式在xls、xlsx之间转换 进入table2excel的js源码中 在147行进行更改即可
本文发布于:2024-01-29 15:35:53，感谢您对本站的认可！
本文链接：https://www.4u4v.net/it/170651375516289.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
| 留言与评论（共有 0 条评论） |
