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

2021-07-26 10:39:59 +08:00
 imherer

Vue.js 项目

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

2010 次点击
所在节点    程序员
10 条回复
ericls
2021-07-26 10:42:45 +08:00
Print 的时候把高度去掉?用 media query
imherer
2021-07-26 10:43:38 +08:00
@ericls 感谢,我试试
waiaan
2021-07-26 11:28:09 +08:00
@imherer
求问你用的打印是什么方式的。
DoveAz
2021-07-26 11:32:26 +08:00
不介意体积的话,用 vxe-table 自带打印,方便快捷
asiasky
2021-07-26 11:41:08 +08:00
分页才是麻烦的地方 我之前做的时候分页还得把表头再弄出来
Elissa
2021-07-26 13:31:14 +08:00
print.js ,可以打印 json 数据,所以你甚至可以把数据全部请求到了后不显示在页面中,然后丢给 print.js 打印出来
imherer
2021-07-26 13:37:26 +08:00
@waiaan 我好像就是用的 print.js 忘了,得回去看看项目
imherer
2021-07-26 13:39:07 +08:00
@asiasky 对对对,分页还要表头,这个怎么搞啊。 只能单独做一个打印的页面了哦?
asiasky
2021-07-26 14:13:35 +08:00
@imherer 我当时是根据 A4 纸的高度去遍历算当前页面能放多少行 然后在该分页的地方插入分页和表头 我当时那个需求行还是不定高的 挺麻烦的 主要就是处理计算元素高度
lingo
2021-07-26 14:45:50 +08:00
web 打印表格真的是巨恶心

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/791755

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX