站长资源
这里我们用到一个主要插件
tableExport.js
一个辅助插件(防止中文乱码)
base64.js
以及常见的jquery
可以去github下载，也可以在文章末尾免费下载
使用很简单，只需要简单几行代码就可以搞定，这里代码就不分开写了，直接上一个完整实例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<style>
#tables {
width: 100%;
text-align: center;
border: 1px #000 solid;
border-collapse: collapse;
}
#tables th,#tables td {
border: 1px solid #000000;
}
#tables th {
font-size: 14px;
font-weight: bolder;
}
</style>
<table id="tables">
<thead>
<tr>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
<th>地址</th>
</thead>
<tbody>
<tr>
<td>大海</td>
<td>男</td>
<td>17</td>
<td>江苏省徐州市</td>
</tr>
<tr>
<td>大海</td>
<td>男</td>
<td>17</td>
<td>江苏省徐州市</td>
</tr>
</tbody>
</table>
<input type="button" id="export" value="导出" />
<script src="jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script src="tableExport.min.js" type="text/javascript" charset="utf-8"></script>
<script src="base64.min.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>
<script>
$("#export").click(function() {
//导出
$("#tables").tableExport({
type: "excel",
fileName: 'aaa'
});
});
</script>
我们看到上文中处理引用js，就是一个核心的tableExport方法
他的常用参数如下：
eadings：是否在<thead>元素中显示表格的头部（th或td元素）。 footers：是否在<tfoot>元素中显示表格的脚部（th或td元素）。 formats：导出的文件类型，会生成相应的导出按钮。 fileName：下载的文件名称。 bootstrap：是否使用bootstrap样式的按钮。 position：标题元素相对于表格的位置，可以是top或bottom。 ignoreRows：设置不被导出的表格行，可以是数值或一个数值数组。 ignoreCols：设置不被导出的表格列，可以是数值或一个数值数组。
实在太简单，就不再多说了，不清楚的可以留言
评论前必须登录！
注册