前端JS表格打印和导出

// 打印表格数据public printTable(){let tableToPrint = document.getElementById('tab');//将要被打印的表格let newWin= window.open("");//新打开一个空窗口newWin.document.write(tableToPrint.outerHTML);//将表格添加进新的窗口newWin.document.close();//在IE浏览器中使用必须添加这一句newWin.focus();//在IE浏览器中使用必须添加这一句newWin.print();//打印newWin.close();//关闭窗口}

// 导出表格public exportTableList(){let doc="";doc+="<table>";let html=document.getElementById("tab").innerHTML;doc+=html;doc+="</table>";let docFile="<html xmlns:o='urn:schemas-microsoft-com:office:office' xmlns:x='urn:schemas-microsoft-com:office:"+doc+"' xmlns='http://www.w3.org/TR/REC-html40'>";docFile=docFile+"<head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head>"+doc+"</body></html>";let base64data="base64,"+window.btoa(unescape(encodeURIComponent(docFile)));window.open('data:application/vnd.ms-excel;'+ base64data);}

前端JS表格打印和导出相关推荐

前端JS 云打印 LODOP实践
文章目录前言一.Lodop是什么? 二.如何使用Lodop 1.下载打印插件 2.配置打印机 3.html中植入打印控件 4.调用Lodop对应的JS相关方法接口实现打印功能三.Lodop主要方 ...
前端js预览并且导出pdf文件
最主要的是使用到了一个jquery的插件jquery.media.js,使用这个插件就很容易实现了. <!DOCTYPE html> <html> <head>&l ...
前端vue 表格转换为图片导出
npm 安装npm install --save html2canvas<div v-if="detailflag" class="m-mt12" ref ...
前端JS导出Excel表格可筛选列 table2excel
git地址 table2excel 本文参考了 (14条消息) table2excel 导出表格有边框,文字居中_狂吃狂吃的瘦子的博客-CSDN博客_table2excel 边框效果如图 ...
js+PHP利用PHPExcel导出表格数据到excel
这里写自定义目录标题前言通过js筛选出表格数据 PHP利用PHPExcel导出表格数据到excel 前言因为在开发平台的时候遇到了需要将表格数据导出到Excel的情况,通过百度找到了PHP插件P ...
前端使用print.js实现打印
前言项目中经常会用到前端调用浏览器打印的功能,也经常会遇到一些问题,写这篇文章是为了更好的梳理一下相关内容.下面的内容基于vue. 如果需要用到前端生成二维码可以看我的这篇文章:在vue项目中使用q ...
前端JS实现一键导入excel表格
前端JS实现一键导入excel表格前端JS实现一键导入excel表格前端JS实现一键导入excel表格前面的文章中已经讲过关于js表格的导出,此文章主要说到的是excel文件如何导入到网页中,并 ...
纯前端JS导出Word包含图片
纯前端JS导出Word包含图片纯前端JS导出Word文档包含图片 Word导出方式依赖实现代码纯前端JS导出Word文档包含图片在做项目中,遇到一个需求,是将后台返回的属性以及URL图片导出 ...
前端js html转换成pdf可下载打印；前端js可批量生成条形码；前端js可批量生成二维码，生成letter标签
注意:本文调试的是letter纸尺寸前端js html转换成pdf可下载打印 html2canvas + jspdf 前端js生成条形码 Options · lindell/JsBarcode ...

前端JS表格打印和导出

前端JS表格打印和导出相关推荐

最新文章

热门文章