使用JQuery插件将HTML的table标签数据导出成excel

2018年10月8日15:08:24 2 266

前段时间,因为业务需要(将html内的Table数据导出成Excel),于是就在网上找到了一个JQuery插件,觉得还不错,分享给大家。

参考资料

1.JQuery之家

2.GitHub

简要说明

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

注意导出的Excel文件的格式,默认导出为.xlsx格式的excel文件,需要excel2010以上的版本才能打开,如果是使用低版本的excel,可以手动将文件扩展名修改为.xls。

代码展示

请下载下方案列代码

注:如果表格中的某一行不需要导出到Excel中,可以为这一行添加.noExl class类,该class类会在插件初始化时通过参数被指定为不被导出的数据。

插件的可用配置参数

exclude:不被导出的表格行的CSS class类。
name:导出的Excel文档的名称。
filename:Excel文件的名称。
exclude_img:是否导出图片。
exclude_links:是否导出超链接
exclude_inputs:是否导出输入框中的内容。

案例代码

JQueryTable.zip(包含JQ插件)

总结

1.传入的参数默认是true(排除),需要显示的话就设置为false就可以了;
2.图片需要注意的是:图片地址要写一个完整的可以访问的互联网路径,要不然的话excel打不开,会显示空白的,你的电脑必须可以访问互联网;
3.这个demo并没有设置图片和表格的样式,有需要的自己设置;
4.office和wps都支持,只是office有一个安全警告允许就可以查看数据。

weinxin
微信公众号
博客微信公众号,欢迎关注。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:2   其中:访客  1   博主  1

    • avatar 久伴 4

      来看看大佬在研究啥玩意

        • avatar 萧瑟  博主

          @久伴 欢迎大佬,前来拜访。