首页 前端知识 jquery-table2excel,进行导出excel

jquery-table2excel,进行导出excel

2024-03-15 11:03:22 前端知识 前端哥 203 691 我要收藏

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

一、前端HTML

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

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

二、初始化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:是否导出输入框中的内容。

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

Plugin.prototype = {
        init: function () {
            var e = this;

            var utf8Heading = "<meta http-equiv=\"content-type\" content=\"application/vnd.ms-excel; charset=UTF-8\">";
            e.template = {
                head: "<html xmlns:o=\"urn:schemas-microsoft-com:office:office\" xmlns:x=\"urn:schemas-microsoft-com:office:excel\" xmlns=\"http://www.w3.org/TR/REC-html40\">" + utf8Heading + "<head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets>",
                sheet: {
                    head: "<x:ExcelWorksheet><x:Name>",
                    tail: "</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet>"
                },
                mid: "</x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body>",
                table: {
                    head: "<table>",
                    tail: "</table>"
                },
                foot: "</body></html>"
            };
            ...
        }
    };

五、插件下载地址

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

备注:本文转自https://www.cnblogs.com/da6wei6/p/6599675.html,如有侵权,请联系博主删除。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/3859.html
标签
excel
评论
发布的文章

jQuery之class类操作

2024-04-12 20:04:54

jQuery 菜鸟教程学习

2024-04-12 20:04:22

jQuery

2024-01-31 12:01:10

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!