欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

用jquery-table2excel,进行导出excel

程序员文章站 2022-06-22 11:49:08
jquery-table2excel是一款可以将HTML表格的内容导出到微软Excel电子表格中的jQuery插件。该插件可以根据你的需要导出表格中的内容,不需要的行可以不导出。 它文件体积小,使用非常方便。 1、写好前端的按钮,还需要一个table(要导出的内容存放处)。 2、初始化js 3、如果 ......

  jquery-table2excel是一款可以将html表格的内容导出到微软excel电子表格中的jquery插件。该插件可以根据你的需要导出表格中的内容,不需要的行可以不导出。 它文件体积小,使用非常方便。

 

 1、写好前端的按钮,还需要一个table(要导出的内容存放处)。

  <input type="button" value="导出" class="button" onclick="export();" />
  <table id='exceltable'><td>内容内容内容</td></table>

 

   2、初始化js

  function export(){
    $("#exceltable").table2excel({ //exceltable为存放数据的table     // 不被导出的表格行的css class类     exclude: ".noexl",     // 导出的excel文档的名称     name: "表格-" + new date().gettime(),     // excel文件的名称     filename: "表格-" + new date().gettime() + ".xls",     bootstrap: false     });
  }
  //table2excel插件的可用配置参数有:
  //exclude:不被导出的表格行的css class类。
  //name:导出的excel文档的名称。
  //filename:excel文件的名称。
  //exclude_img:是否导出图片。
  //exclude_links:是否导出超链接
  //exclude_inputs:是否导出输入框中的内容。

  

  3、如果表格的样式无法导出到excel,需要自己在js里写,如下图

用jquery-table2excel,进行导出excel

 

  4、最后需要引入一个js文件才能生效

    https://files.cnblogs.com/files/liuchenxing/jquery.table2excel.js