前端把html表格生成为excel表格的实例
程序员文章站
2022-09-08 14:08:10
最近公司改后台管理系统。要求导出台账项目等等为excel表格，找半天还真有，他是通过query.table2excel.js 实现，原谅我原生不会弄这个当然大家有可以给我留...
最近公司改后台管理系统。要求导出台账项目等等为excel表格，找半天还真有，他是通过query.table2excel.js 实现，原谅我原生不会弄这个当然大家有可以给我留言。
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<table class="table"> //表格
<tr class="noexl"> //加class是为了有些你不想导出用来选则
<th>header</th>
<th>111</th>
</tr>
<tr>
<td>data</td>
<td>222</td>
</tr>
</table>
<button id="btn">导出</button>
<script src="js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>//引入jquery
<script src="js/jquery.table2excel.js" type="text/javascript" charset="utf-8"></script> //引入jquer插件
<script type="text/javascript">
$("#btn").click(function(){ //点击按钮执行导出
$(".table").table2excel({ //选取导出的表格
exclude: ".noexl", //写你不想都想导出的
name: "excel document name",
filename: "项目", //导出的文件名
exclude_img: true, //是否导出图片
exclude_links: true,
exclude_inputs: true
});
})
</script>
</body>
</html>
以上这篇前端把html表格生成为excel表格的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
上一篇： webpack3之loader全解析