表格数据的导出

前端
JS

前言

  大多数后台系统都会使用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>
评论