• 请不要在回答技术问题时复制粘贴 AI 生成的内容
imherer
V2EX  ›  程序员

请教各位前端大佬一个网页打印问题

  •  
  •   imherer · Jul 26, 2021 · 2450 views
    This topic created in 1759 days ago, the information mentioned may be changed or developed.

    Vue.js 项目

    页面上有个弹窗,弹窗的高度是固定的(假定 600px ),弹窗里有个 table,这个 table 有很多内容,600px 的高度肯定显示不下(有个竖向滚动条),假如我现在想要分页打印这个 table 里的内容,是不是得单独做一个 table 把内容全部显示出来打印啊

    10 replies    2021-07-26 14:45:50 +08:00
    ericls
        1
    ericls  
       Jul 26, 2021 via iPhone
    Print 的时候把高度去掉?用 media query
    imherer
        2
    imherer  
    OP
       Jul 26, 2021
    @ericls 感谢,我试试
    waiaan
        3
    waiaan  
       Jul 26, 2021
    @imherer
    求问你用的打印是什么方式的。
    DoveAz
        4
    DoveAz  
       Jul 26, 2021 via Android   ❤️ 1
    不介意体积的话,用 vxe-table 自带打印,方便快捷
    asiasky
        5
    asiasky  
       Jul 26, 2021
    分页才是麻烦的地方 我之前做的时候分页还得把表头再弄出来
    Elissa
        6
    Elissa  
       Jul 26, 2021
    print.js ,可以打印 json 数据,所以你甚至可以把数据全部请求到了后不显示在页面中,然后丢给 print.js 打印出来
    imherer
        7
    imherer  
    OP
       Jul 26, 2021
    @waiaan 我好像就是用的 print.js 忘了,得回去看看项目
    imherer
        8
    imherer  
    OP
       Jul 26, 2021
    @asiasky 对对对,分页还要表头,这个怎么搞啊。 只能单独做一个打印的页面了哦?
    asiasky
        9
    asiasky  
       Jul 26, 2021   ❤️ 1
    @imherer 我当时是根据 A4 纸的高度去遍历算当前页面能放多少行 然后在该分页的地方插入分页和表头 我当时那个需求行还是不定高的 挺麻烦的 主要就是处理计算元素高度
    lingo
        10
    lingo  
       Jul 26, 2021
    web 打印表格真的是巨恶心
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3006 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 55ms · UTC 12:24 · PVG 20:24 · LAX 05:24 · JFK 08:24
    ♥ Do have faith in what you're doing.