表单/表格

Table2excel - HTML表格内容导出Excel插件

也想出现在这里?联系我们
创客云

jquery-table2excel 是一款可以将 HTML 表格的内容导出到微软 Excel 电子表格中的 jQuery 插件。该插件可以根据你的需要导出表格中的内容,不需要的行可以不导出。它文件体积小,使用非常方便。注意导出的 Excel 文件的格式,默认导出为.xlsx 格式的 excel 文件,需要 excel2010 以上的版本才能打开,如果是使用低版本的 excel,可以手动将文件扩展名修改为.xls。

使用方法:

使用 table2excel 表格插件需要在页面中引入 jquery 和 jquery.table2excel.js 文件。

也想出现在这里?联系我们
创客主机
  1. <script type="text/javascript" src="js/jquery.min.js"></script>
  2. <script type="text/javascript" src="js/jquery.table2excel.js"></script>

HTML 结构:

你可以将任何标准的 HTML 表格结构的数据导出到 Excel 中,一个 HTML 表格的结构为:

  1. <table>
  2.   <thead>
  3.     <tr class="noExl">
  4.       <td><code>noExl</code>class的行不会被输出到excel中</td>
  5.       <td><code>noExl</code>class的行不会被输出到excel中</td>
  6.     </tr>
  7.     <tr>
  8.       <td>这一行会被导出到excel中</td>
  9.       <td>这一行会被导出到excel中</td>
  10.     </tr>
  11.   </thead>
  12.   <tbody>
  13.     <tr>
  14.       <td>单元格1-1</td>
  15.       <td>单元格1-2</td>
  16.     </tr>
  17.     <tr>
  18.       <td>单元格2-1</td>
  19.       <td>单元格2-2</td>
  20.     </tr>
  21.     <tr>
  22.       <td>单元格3-1</td>
  23.       <td>单元格3-2</td>
  24.     </tr>
  25.   </tbody>
  26.   <tfoot>
  27.     <tr>
  28.       <td colspan="2">合并2个单元格</td>
  29.     </tr>
  30.   </tfoot>
  31. </table>

如果表格中的某一行不需要导出到 Excel 中,可以为这一行添加.noExl class 类,该 class 类会在插件初始化时通过参数被指定为不被导出的数据。

初始化插件:

在页面 DOM 元素加载中完毕之后,可以通过下面的方法来初始化 table2excel 插件。

  1. $("#table2excel").table2excel({
  2.   // 不被导出的表格行的CSS class类
  3.   exclude: ".noExl",
  4.   // 导出的Excel文档的名称
  5.   name: "Excel Document Name",
  6.   // Excel文件的名称
  7.   filename: "myExcelTable"
  8. });

配置参数:

table2excel 插件的可用配置参数有:

exclude:不被导出的表格行的 CSS class 类

name:导出的 Excel 文档的名称

filename:Excel 文件的名称

exclude_img:是否导出图片

exclude_links:是否导出超链接

exclude_inputs:是否导出输入框中的内容

jquery-table2excel 插件的 github 地址为:https://github.com/rainabba/jquery-table2excel

资源下载此资源下载价格为1立即购买,VIP 免费

演示地址 下载地址
收藏
(2)

本文由 云模板 作者:PetitQ 发表,转载请注明来源!

也想出现在这里?联系我们
创客主机

发表回复

热销模板

Hub - 响应式可视化编辑企业官网WordPress汉化模板

Envato

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!

请扫码添加QQ好友后咨询!