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();
});

Github官网地址:https://github.com/ecscstatsconsulting/js-excel-generator

在线预览 网盘下载

下载密码: 9kkd

郑重声明:

1 本资源来源于互联网,资源的版权归资源原作者所持有,受《中华人民共和国著作权法》等相关法律保护。

2 由于无法和原作者取得联系,所以上传的部分资源无法先通过原作者的同意就分享给大家了,如本资源侵犯了您(原作者)的权益,请联系我们(微信号 xiaohaimei1989),我们会立马删除您的资源,并向您表达诚挚的歉意!

3 本站是一个公益型网站,分享资源的目的在于传播知识,分享知识,收取一点点打赏的辛苦费是用于网站的日常运营开支,并非用于商业用途。

4 本站资源只提供学习和参考研究使用,使用过后请在第一时间内删除。本站不承担资源被单位或个人商用带来的法律责任。

发表评论