当前位置：首页 > 网页特效 > 表格

table2excel-可将HTML表格内容导出到Excel中的jQuery插件

分类：表格日期：2024-05-14 点击(2) 评论(0)

简介

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

```html
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.table2excel.js"></script>    
```
#####  HTML结构 HTML结构
你可以将任何标准的HTML表格结构的数据导出到Excel中，一个HTML表格的结构为：

```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插件。

```html
$("#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：是否导出输入框中的内容。

web299.com

table2excel-可将HTML表格内容导出到Excel中的jQuery插件

简介

html5浪漫粒子表白文字特效

SlidesJS幻灯片特效

html5瀑布流相册特效

css3 svg实现的情人节表白鲜花动画特效

t-scroll.js基于ES6的DOM元素,过渡动画库插件

纯js写省市区三级联动效果