BootStrap框架下使用JS在浏览器中将后台返回给前台的数据以Excel文件导出

🎈个人公众号:🎈 :✨✨ 可为编程 ✨✨ 🍟🍟
🔑个人信条:🔑知足知不足 有为有不为 为与不为皆为可为🌵
🍉本篇简介:🍉 本片详细说明了BootStrap框架下使用JS在浏览器中将后台返回给前台的数据以Excel文件导出，并给出具体操作实例，如有出入还望指正。

关注公众号【可为编程】回复【面试】领取年度最新面试题大全!!!

<div class="tab-pane active" id="yjjqInfo">
<div class="p-sm border no-top-border">
<button type="submit" class="btn btn-warning start export-btn_yjjq lbox-btn">
<i class="glyphicon glyphicon-export" aria-hidden="true"></i>
<span>导出Excel</span>
</button>
<div class="row">
         <div class="col-md-12">
              <table class="table table-bordered text-center table_ellipsis" id="yjjqInfo_table" style="width: 100%">
            </table>
        </div>
 </div>
</div>
</div>

JS代码如下：

 $(".export-btn_yjjq").on("click", function () {
            var index = $(".table_ellipsis").attr('id');
            var tableChild =  $('#' + index);
            shinow.detailExportData(tableChild);
        });

 //详情页导出
    detailExportData: function (flag) {

        // $(options.exportBtnSelector).click(function () {
        var table = flag;
        var footerDiv = $(".fixed-table-footer");
        if (footerDiv.length > 0) {
            var tr = footerDiv.find("tr")[0].outerHTML;
            table.find("tbody").append(tr);
        }
        var tablefooter = table.find("tfoot");
        if (tablefooter.length > 0) {
            table.find("tfoot").remove();
            table.find("tbody").after(tablefooter[0].outerHTML);
        }
        /*console.log(table[0]);*/
        shinow.exprot(table[0]);
        // });
    },

前端js导出只能导出当前页的数据，不支持分页导出，后台的话可以，喜欢的就点个赞吧！！

这里是一个真诚的***青年技术交流QQ群:761374713***，不管你是大学生、社畜、想学习变成的其他人员，欢迎大家加入我们，一起成长，一起进步，真诚的欢迎你，不管是技术，还是人生，还是学习方法。有道无术，术亦可求，有术无道，止于术。

欢迎大家关注【可为编程】，成长，进步，编程，技术、掌握更多知识！