首頁 > web前端 > html教學 > table2excel-将HTML表格内容导出到Excel中_html/css_WEB-ITnose

table2excel-将HTML表格内容导出到Excel中_html/css_WEB-ITnose

WBOY
發布: 2016-06-21 08:58:21
原創
1921 人瀏覽過

简要教程

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结构

你可以将任何标准的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

来源:jQuery之家

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板