BootStrap框架下使用JS在浏览器中将后台返回给前台的数据以Excel文件导出
jsp/html页面的代码如下:
<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导出只能导出当前页的数据,不支持分页导出,后台的话可以,喜欢的就点个赞吧!!