表格数据的导出

前言

  大多数后台系统都会使用table来呈现数据,所以将table导出成excel文件的需求是非常常见的。幸运的是,可以通过tableExport将table数据导出,而且支持多种格式(JSON, XML, CSV, TXT, SQL, Word, Excel, PNG, PDF)文件的导出,这点是非常方便的。同时,数据导出不用再次与后台程序交与,可以减轻服务器端的压力。

关于插件

Plugins: tableExport.jquery.plugin
Description: Export your table data to JSON, XML, CSV, TXT, SQL, Word, Excel, PNG, PDF.
Resources: 主页 例子

JS引入

jquery当然是必不可少的:

1
script type="text/javascript" src="jquery.min.js"></script>

其次,再引入tableExport(按需求引入):

1
<script type="text/javascript" src="tableExport.min.js"></script>

导出excel

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<table id="exportContent">
<thead>
<tr>
<th>序号</th>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>AA</td>
<td>男</td>
<td>17</td>
</tr>
<tr>
<td>2</td>
<td>BB</td>
<td>女</td>
<td>18</td>
</tr>
<tr>
<td>3</td>
<td>CC</td>
<td>男</td>
<td>19</td>
</tr>
<tr>
<td>4</td>
<td>DD</td>
<td>女</td>
<td>20</td>
</tr>
</tbody>
</table>
<a href="#" onclick="exportContent()">导出excel</a>
<script>
function exportContent() {
$('#exportContent').tableExport(
{
type: 'excel',
fileName: '报表统计',
worksheetName: '报表一',
excelstyles: [
'border-bottom'
]
}
);
}
</script>
评论