浙江 杭州

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

系统分类: 网页特效 - jquery插件 - jQuery表格插件 2016-07-13

人气55392

亲们该页面内会员们分享的“作品”,版权为才华横溢的原作者们所有滴,不得商业使用!


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

查看演示
下载资源:53
下载资源
错误提交:

格式:zip 大小:100.44KB

================关于优设记================
“优设记ui3g.com“是国内最全jquery插件下载 - 高质量网页素材的学习下载平台
资源微博:同步网站更新内容,订阅jquery资源 @吐槽优设记,欢迎关注获取网页设计资源、下载顶尖设计素材。
文章链接: http://www.ui3g.com/code/uicode-1581.html 非特殊说明,本文版权归原作者所有,转载请注明出处
table2excel-可将HTML表格内容导出到Excel中的jQuery插件

我当前G币余额:0 已下载次数:53

注:点击右侧分享按钮并且留下评论自动+10G币

所需G币:20

下载提示:由于文件较小,请直接点击下载,不支持迅雷等下载工具。

抱歉 G币 不足,你可以通过 上传PSD & jquery 充值 获得G币

评论功能关闭...(已有8 评论)