jquery实现表格导出Excel

使用jQuery，jszip.js，FileSaver.js,excel-gen.js插件直接将网页中的table表格导出到本地Excel文件，而不需要经过后台。

导出结果：

实现步骤：

1.进入相关js插件

2. 将HTML的table标签的id设置为test_table

<table class="table table-bordered table-striped" id="test_table">
    <thead>
        <tr>
            <td>等级td>
            <td>姓名td>
            <td>城市td>
            <td>州td>
            <td>部门td>
            <td>选取td>
            <td>票数td>
        tr>
    thead>
    <tbody>
        <tr>
            <td>
                <span>1span>
            td>
            <td>
                <span>Small, Steve span>
            td>
            <td>
                <span>New Yorkspan>
            td>
            <td>
                <span>NYspan>
            td>
            <td>
                <span>Easternspan>
            td>
            <td>
                <span>Metropolitan Regionspan>
            td>
            <td>
                <span>378span>
            td>
        tr>
        <tr>
            <td>
                <span>2span>
            td>
            <td>
                <span>Novello, Rodolfo span>
            td>
            <td>
                <span>Lawrencespan>
            td>
            <td>
                <span>NYspan>
            td>
            <td>
                <span>Easternspan>
            td>
            <td>
                <span>Long Island Regionspan>
            td>
            <td>
                <span>223span>
            td>
        tr>
 
         tbody>
table>

3.给按钮注册单击事件，导出Excel

$(document).ready(function () {
    excel = new ExcelGen({
        "src_id": "test_table",
        "show_header": true
    });
    $("#generate-excel").click(function () {
        excel.generate();
    });
});

本例源码下载：

链接：https://pan.baidu.com/s/13sAXqB3cwu7h-jdOiTnkHQ
提取码：2bbn