V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
imherer
V2EX  ›  程序员

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

  •  
  •   imherer · 2021-07-26 10:39:59 +08:00 · 2016 次点击
    这是一个创建于 1216 天前的主题,其中的信息可能已经有所发展或是发生改变。

    Vue.js 项目

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

    10 条回复    2021-07-26 14:45:50 +08:00
    ericls
        1
    ericls  
       2021-07-26 10:42:45 +08:00 via iPhone
    Print 的时候把高度去掉?用 media query
    imherer
        2
    imherer  
    OP
       2021-07-26 10:43:38 +08:00
    @ericls 感谢,我试试
    waiaan
        3
    waiaan  
       2021-07-26 11:28:09 +08:00
    @imherer
    求问你用的打印是什么方式的。
    DoveAz
        4
    DoveAz  
       2021-07-26 11:32:26 +08:00 via Android   ❤️ 1
    不介意体积的话,用 vxe-table 自带打印,方便快捷
    asiasky
        5
    asiasky  
       2021-07-26 11:41:08 +08:00
    分页才是麻烦的地方 我之前做的时候分页还得把表头再弄出来
    Elissa
        6
    Elissa  
       2021-07-26 13:31:14 +08:00
    print.js ,可以打印 json 数据,所以你甚至可以把数据全部请求到了后不显示在页面中,然后丢给 print.js 打印出来
    imherer
        7
    imherer  
    OP
       2021-07-26 13:37:26 +08:00
    @waiaan 我好像就是用的 print.js 忘了,得回去看看项目
    imherer
        8
    imherer  
    OP
       2021-07-26 13:39:07 +08:00
    @asiasky 对对对,分页还要表头,这个怎么搞啊。 只能单独做一个打印的页面了哦?
    asiasky
        9
    asiasky  
       2021-07-26 14:13:35 +08:00   ❤️ 1
    @imherer 我当时是根据 A4 纸的高度去遍历算当前页面能放多少行 然后在该分页的地方插入分页和表头 我当时那个需求行还是不定高的 挺麻烦的 主要就是处理计算元素高度
    lingo
        10
    lingo  
       2021-07-26 14:45:50 +08:00
    web 打印表格真的是巨恶心
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1410 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 17:30 · PVG 01:30 · LAX 09:30 · JFK 12:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.