JS导出和打印功能

最新推荐文章于 2022-05-09 14:51:28 发布
最新推荐文章于 2022-05-09 14:51:28 发布
阅读量221 收藏
点赞数
分类专栏： JS导出打印功能 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenxiaoyuan1130/article/details/119872419
版权
本文主要探讨JavaScript中如何实现数据的导出和页面内容的打印功能，分为导出和打印两个部分进行详细讲解。
摘要由CSDN通过智能技术生成

JS导出和打印功能

一、导出

//导出
	planOne() {
   
	  //判断导出的内容是否为空,如果为空,则提醒:至少选中一条数据
      if(this.reportData.length > 0){
   
        var xlsxParam = {
    raw: true };
		var wb = XLSX.utils.table_to_book(document.querySelector("#aftertable"),xlsxParam);
		//#aftertable是你需要打印数据的数据容器元素，或者表格元素
		var wbJ2V = wb.Sheets.Sheet1.J2.v;
		wb
最低0.47元/天 解锁文章
陈晨1130
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
打印和导出
weixin_44569910的博客
07-06 798
今天向大家分享一下我前几天写出来的页面，大致的内容是总结所有的数据来打印和导出； 首先先说一下导出； 导出的代码其实很少，如下图所示： JS代码如下所示： 导出效果图如下所示： 点击中间那个像文件夹一样的按钮，就会弹出如上图所示的两个选择项，点击之后就会在页面直接单机下载至浏览器里面； 如下图所示： 红圈圈里面就是我所导出的数据了。 接下来便是打印，打印和导出都差不多，不过我写的打印是水晶...
用js实现打印和导出为Excel
09-04
用js实现打印和导出为Excel,在网上找到的资料
javascript 导出功能
weixin_33948416的博客
01-06 78
function getXlsFromTbl(inTblId, inWindow) { try { var allStr = ""; var curStr = ""; if (inTblId != null && inTblId != "" && inTblId != "null") { ...
JavaScript写导出Excel和打印
qq_31839039的博客
09-14 471
基本可以满足对复杂的表格进行导出成Excel的需求，但是导出的Excel文件会提示格式错误，不影响查看内容。目前处于小白阶段，只能先实现满足需求，后期会继续完善。 方便日后查看，完整代码如下： <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <t...
JS文件导出功能
Wnig's Blog
06-23 705
JS文件导出功能： 先把responseType设置为blob 然后请求接口后，拿到数据： const that = this const fileReader = new FileReader() fileReader.onload = function () { try { const jsonData = JSON.parse(this.result) if (jsonData.code) { // 说明是普通对象数据，后台转换失败 that.$messag
js导出功能
weixin_30449453的博客
12-25 128
　　一直忘，特此记下大致思路。 exportTable () { const origin = window.location.origin; const id = this.$route.params.id; window.open(`${origin}/pyxis-dict/api/dict/downLoadDict? i...
tableExport.js实现前端表格的导出功能(支持中文)及打印
11-17
该插件可以将Html的表格导出成为 JSON, XML, CSV, TSV, ...在项目上遇到pdf导出中文乱码问题，经过一天的研究修改了一些js代码解决了pdf导出中文乱码问题，随便融入了一个html打印功能的js，有需要的可以下载来看看。
gridview浏览器打印和导出excel
01-06
首先，让我们详细讨论GridView的浏览器打印功能。在ASP.NET中，通常通过JavaScript或jQuery来实现浏览器打印。可以添加一个按钮，当点击该按钮时，调用浏览器的打印功能。以下是一个简单的示例： 1. 在ASP.NET页面...
GirdView 和DataGridView打印与导出类
11-24
### 打印功能 1. **GridView打印**：在ASP.NET中，由于GridView是服务器端控件，直接打印较复杂，通常需要将GridView的数据转换为报表或PDF格式，然后通过客户端浏览器打印。可以使用第三方库如iTextSharp来生成PDF...
js table导出以及打印
06-03
该插件可以将Html的表格导出成为 JSON, XML, CSV, TSV, TXT, SQL, Word, Excel, PNG...在项目上遇到pdf导出中文乱码问题，经过一天的研究修改了一些js代码解决了pdf导出中文乱码问题，随便融入了一个html打印功能的js.
jS导出表格功能
07-17
清晰易懂，只需JS代码就能把后台读取到页面的表格里的数据导出成表格来。
js实现Excel导出
03-01
最近在做一个项目，涉及到导出数据到Excel表格，由于是采用的前后端分离模式开发的，之前常用的方法已经失效，在网上找了一些资料和方法，已经完成整理，都能正常使用
导出Excel和打印
伴我编程之路
04-06 534
程序中可以再写一个函数（可用VBscript或javascript脚本写）先调用该函数，然后再调用window.print()实现打印，这里就不给出代码了。细心的读者一定发现了这样打印出来的页面会有打印按钮在上面，而且分页是IE打印控件根据纸张大小分出来的，下面我们介绍一种方法来控制分页和打印按钮的显示。该方法是利用CSS样式表来控制这些设置，因为在样式表中有一个“media=print”属性，该
报表工具对比选型系列——打印与导出
ertyee42的博客
08-20 279
打印和导出是报表工具的基本功能，国内项目中的报表在绝大多数情况都有复杂的打印和导出需求，有时候这一项功能点的缺失会卡住项目无法进展，因此这也是报表工具选型的是重要考察点。我们将对润乾、帆软、Smartbi、永洪、亿信几款将报表能力作为宣传重点的产品进行评测并对比，看看其打印和导出的功能如何。 第一部分 打印技术 1．打印支持方式对比 报表都可以呈现在浏览器中，所以也都可以直接使用浏览器的打印功能，这种方式的优势是很简单，不需要做专门处理。但浏览器打印的问题也很多，主要是难以精确控制打印效果，比如不能精
js 将获取的数据打印在页面中形成文档(循环打印数组字符串)
qq_41540361的博客
05-09 438
要做个文档页面，行政发来的数据改来改去，没这个时间折腾，写个公共模板，让页面自己生成文档 这里隐藏了css，一般都是自己写自己用的css，就不放出来了 页面主体部分和js模块 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0".
5-6 使用axios拦截器打印前端日志
孤注一掷的博客
02-28 1451
打日志是前端常用的简单的调试方式。 每次调用后端接口之前打一个日志，发送的结果的回调函数里面，我们再打一个日志。撒大声地 axios提供了拦截器功能，我们可以在拦截器里面，把请求日志和返回参数一起打印出来。 这样业务代码里面就不用去打。 先在main.ts中添加如下： /** * axios拦截器 */ axios.interceptors.request.use(function (config) { console.log('请求参数：', config); retur..
js中的导出
weixin_46739831的博客
03-07 6392
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 导出 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用
layui table 屏蔽导出打印
最新发布
06-06
要屏蔽 layui table 的导出和打印功能，可以在渲染表格时通过配置参数来实现。具体做法如下： ```javascript // 屏蔽导出和打印功能 var tableConfig = { elem: '#demo', url: '/demo/table/user/', toolbar: ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值