table2excel-将HTML表格内容导出到Excel中_html/css_WEB-ITnose
程序员文章站
2022-05-29 21:15:18
...
简要教程
jquery-table2excel是一款可以将HTML表格的内容导出到微软Excel电子表格中的jQuery插件。该插件可以根据你的需要导出表格中的内容,不需要的行可以不导出。它文件体积小,使用非常方便。
注意导出的Excel文件的格式,默认导出为.xlsx格式的excel文件,需要excel2010以上的版本才能打开,如果是使用低版本的excel,可以手动将文件扩展名修改为.xls。
查看演示 下载插件
使用方法
使用table2excel表格插件需要在页面中引入jquery和jquery.table2excel.js文件。
HTML结构
你可以将任何标准的HTML表格结构的数据导出到Excel中,一个HTML表格的结构为:
带noExl class的行不会被输出到excel中 | 带noExl class的行不会被输出到excel中 |
这一行会被导出到excel中 | 这一行会被导出到excel中 |
单元格1-1 | 单元格1-2 |
单元格2-1 | 单元格2-2 |
单元格3-1 | 单元格3-2 |
合并2个单元格 |
如果表格中的某一行不需要导出到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之家