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();
});
excel-gen.js jquery表格转excel表格插件插件的github地址为:https://github.com/ecscstatsconsulting/js-excel-generator
版权声明
版权说明: 仅限用于学习和研究目的;不得将上述内容用于商业和非法用途!否则一切后果自负。我们非常重视版权问题,如有侵权请邮件至(171373236#qq.com)与我们联系处理,敬请谅解!