摘要:excel-gen.js是一款jQuery表格转excel表格插件。该jQuery插件可以在客户端将HTML表格导出为Excel表格,并且下载为一个xlsx类型的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(); });
本文由职坐标整理发布,更多相关内容,请关注职坐标WEB前端jQuery频道!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号