jquery表格转excel表格插件

excel-gen.js是一款jquery表格转excel表格插件。该jquery插件可以在客户端将HTML表格导出为Excel表格，并且下载为一个xlsx类型的Excel文件。

在线演示  下载

 

 使用方法

excel-gen.js表格转excel表格插件依赖于jszip.js和FileSaver.js插件。

<script src="path/to/jquery.min.js"></script>

<script src="path/to/jszip.min.js"></script>

<script src="path/to/FileSaver.min.js"></script>

<script src="excel-gen.js"></script>     

其中，jszip.js用于创建，读取和编辑Zip文件。FileSaver.js用于保存Excel文件。

 HTML结构

为页面中要转换为Excel的表格设置一个id，并添加一个下载按钮。

<div class="table-responsive">

<table class="table table-bordered" id="example-table-id">

    <thead>

      <tr>

        <td>序号</td>

        <td>姓名</td>

        <td>成绩</td>

      </tr>

    </thead>

    <tbody>

      <tr>

        <td>1</td>

        <td>张三</td>

        <td>95</td>

      </tr>

      <tr>

        <td>2</td>

        <td>李四</td>

        <td>82</td>

      </tr>

      <tr>

        <td>3</td>

        <td>王五</td>

        <td>89</td>

      </tr>

    </tbody>

  </table>

</div>              

 初始化插件

在页面DOM元素加载完毕之后，通过new ExcelGen()方法创建一个ExcelGen实例。

myExcel = new ExcelGen({

  "src_id": "example-table-id",

  "show_header": true

});

然后通过generate()方法来创建Excel表格。

$("#generate-excel-btn").click(function () {

  myExcel.generate();

});