jquery-table2excel 是一款可以将 HTML 表格的内容导出到微软 Excel 电子表格中的 jQuery 插件。该插件可以根据你的需要导出表格中的内容,不需要的行可以不导出。它文件体积小,使用非常方便。注意导出的 Excel 文件的格式,默认导出为.xlsx 格式的 excel 文件,需要 excel2010 以上的版本才能打开,如果是使用低版本的 excel,可以手动将文件扩展名修改为.xls。
使用 table2excel 表格插件需要在页面中引入 jquery 和 jquery.table2excel.js 文件。
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.table2excel.js"></script>
你可以将任何标准的 HTML 表格结构的数据导出到 Excel 中,一个 HTML 表格的结构为:
<table>
<thead>
<tr class="noExl">
<td>带<code>noExl</code>class的行不会被输出到excel中</td>
<td>带<code>noExl</code>class的行不会被输出到excel中</td>
</tr>
<tr>
<td>这一行会被导出到excel中</td>
<td>这一行会被导出到excel中</td>
</tr>
</thead>
<tbody>
<tr>
<td>单元格1-1</td>
<td>单元格1-2</td>
</tr>
<tr>
<td>单元格2-1</td>
<td>单元格2-2</td>
</tr>
<tr>
<td>单元格3-1</td>
<td>单元格3-2</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2">合并2个单元格</td>
</tr>
</tfoot>
</table>
如果表格中的某一行不需要导出到 Excel 中,可以为这一行添加.noExl class 类,该 class 类会在插件初始化时通过参数被指定为不被导出的数据。
在页面 DOM 元素加载中完毕之后,可以通过下面的方法来初始化 table2excel 插件。
$("#table2excel").table2excel({
// 不被导出的表格行的CSS class类
exclude: ".noExl",
// 导出的Excel文档的名称
name: "Excel Document Name",
// Excel文件的名称
filename: "myExcelTable"
});
table2excel 插件的可用配置参数有:
exclude:不被导出的表格行的 CSS class 类
name:导出的 Excel 文档的名称
filename:Excel 文件的名称
exclude_img:是否导出图片
exclude_links:是否导出超链接
exclude_inputs:是否导出输入框中的内容
jquery-table2excel 插件的 github 地址为:https://github.com/rainabba/jquery-table2excel
演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!