在前端基于jq的插件jquery-table2excel.js，它是一个开源项目
jquery-table2excel.js插件直接将html上的table表格导出为excel文件
原文地址：http://www.cmsdx.com/wenzhang/329.html
我们经常会需要将数据导出为excel文件，php开发者大多使用phpexcel组件，它很强大，但也有点臃肿，对于小型数据的导出来说有些杀猪却用牛刀的感觉，小编向大家推荐一个在前端基于jq的插件jquery-table2excel.js，它是一个开源项目，地址 https://github.com/rainabba/jquery-table2excel
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html 表格导出 - cmsdx.com</title>
<script src="js/vendor/jquery-3.2.1.min.js"></script>
<script src="jquery.table2excel.js"></script>
<script language="JavaScript" type="text/javascript">
$(document).ready(function () {
$("#btnExport").click(function () {
$("#tableExcel").table2excel({
exclude : ".noExl", //过滤位置的 css 类名
filename : "导出文件名称" + new Date().getTime() + ".xls", //文件名称
name: "Excel Document Name.xlsx",
exclude_img: true,
exclude_links: true,
exclude_inputs: true
});
});
});
</script>
</head>
<body>
<div >
<button type="button" id="btnExport" onclick="method5('tableExcel')">导出Excel</button>
</div>
<div id="myDiv">
<table id="tableExcel" width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td colspan="5" align="center">html 表格导出Excel</td>
</tr>
<tr>
<td>列标题1</td>
<td>列标题2</td>
<td>类标题3</td>
<td>列标题4</td>
<td>列标题5</td>
</tr>
<tr>
<td>aaa</td>
<td>bbb</td>
<td>ccc</td>
<td>ddd</td>
<td>eee</td>
</tr>
<tr>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>EEE</td>
</tr>
<tr>
<td>FFF</td>
<td>GGG</td>
<td>HHH</td>
<td>III</td>
<td>JJJ</td>
</tr>
</table>
</div>
</body>
</html>