码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • printjs打印表格的时候多页的时候第一页出现空白


    现象:打印多页的时候第一页空白了,一页的时候没有问题

    插件:printjs

    网上搜索半天找到的方式解决:

    1. 对于我这次的现象毫无作用。其他情况不得而知,未遇见过。(这个应该是大家用的比较多的方式)

      printJS({
      printable: [`data:image/jpg;base64,${this.printData.url}`],
      type: 'image',
      style: `@media print { @page {size: auto; margin: 0; } body{margin:0 5px}}` // 解决出现多页打印时第一页空白问题
    })

    2.有作用,但是样式出问题了 (原地裂开)

    printJS({
            printable: id,
            type: 'html',
            targetStyles: ['*'],
            scanStyles: false,//这里不继承本来样式
            style: `
              @media print {
                
                body{
                  margin:0 5px;
                  display: inline-block; //重点,将内容换成行内块
                }
                `,
          })

    3.仔细检查  发现table上面多了个属性page-break-inside:avoid

    我们把这个css属性移到tr标签上面  居然神奇的解决了,多次尝试 确实是这个属性影响到了

    xxxxxx
    const printRegForm = ref(); printJs({ printable: printRegForm.value, type: 'html', scanStyles: false, style:printStyle , // });

    CSS page-break-inside 属性 | 菜鸟教程

  • 相关阅读:
    Dialog使用
    LLaMA Adapter和LLaMA Adapter V2
    【C++】常用查找算法
    浮点数保留指定位数的小数,小数位自动去掉多余的0
    SpringCloudAlibaba-微服务-Nacos服务配置
    逆天改命,专科学历,五面京东成功斩获Offer
    复杂度分析
    【基站维修工程师】python实现-附ChatGPT解析
    如何高效的提升自己的逻辑思维能力?
    抖音测试付费短视频:从短剧领域拓展到知识、娱乐全品类
  • 原文地址:https://blog.csdn.net/wangshang1320/article/details/138195421
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号