找回密码
 立即注册

QQ登录

只需一步,快速开始

大橙子

中级会员

97

主题

273

帖子

790

积分

中级会员

积分
790

[已处理] 14页眉页脚

大橙子
中级会员   /  发表于:2021-12-27 15:57  /   查看:1973  /  回复:5
本帖最后由 Derrick.Jiao 于 2021-12-28 09:16 编辑

我在localhost环境下设置打印的页眉页头
打印出来看到信息都是对的
image.png211758422.png
但是实际预览的时候 却没生效
image.png992628173.png

5 个回复

倒序浏览
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-12-27 17:19:39
沙发
您好,从截图来看预览页面显示的页眉页脚应该为浏览器自带的,将其关闭再次测试下。
如下图,取消勾选 页眉页脚。
image.png752681274.png

如果取消勾选后仍未正确显示设置的页眉页脚,
请检查设置的spread或者sheet是否正确,以及调整下(调大或调小)margin值,看下页眉是否可以显示。
另,学习指南有提供相关demo,您也可以参考下。
https://demo.grapecity.com.cn/sp ... custom-print/purejs
回复 使用道具 举报
大橙子
中级会员   /  发表于:2021-12-27 17:37:40
板凳
Lynn.Dou 发表于 2021-12-27 17:19
您好,从截图来看预览页面显示的页眉页脚应该为浏览器自带的,将其关闭再次测试下。
如下图,取消勾选 页 ...

这个案例我看过了 image.png261850585.png
设置的过程和案例一样
唯一不一样是我设置过margin
printInfo.margin({ top: 0, bottom: 0, left: 0, right: 0 })
可是无论我如何修改top bottom的值都显示不出来






回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-12-27 18:34:02
地板
您上传下ssjson文件,这边实际测试下。
回复 使用道具 举报
大橙子
中级会员   /  发表于:2021-12-28 08:50:05
5#
Lynn.Dou 发表于 2021-12-27 18:34
您上传下ssjson文件,这边实际测试下。

image.png973110961.png

print.rar

1.9 MB, 下载次数: 100

回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-12-28 14:26:47
6#

页眉页脚需要足够的位置来显示,所以要设置足够的margin的 top bottom值。
demo中看到 print.js 文件中margin 的 top bottom为0,所以才显示不出。
解决方案如下代码:
  1. function printSheet(){
  2.         console.log("打印")
  3.         const workbook = designer.getWorkbook()
  4.         const sheet = workbook.getActiveSheet()
  5.         const printInfo = sheet.printInfo()
  6.         // printInfo.paperSize(new GC.Spread.Sheets.Print.PaperSize(Spread.Print.PaperKind.a4))
  7.         printInfo.showColumnHeader(false).showRowHeader(false).showGridLine(false).showBorder(false)
  8.         printInfo.margin({top:20, bottom:20, left:20, right:20, header:0, footer:0})
  9.         workbook.print()
  10.         }
复制代码

效果如下:
image.png712015380.png

完整代码查看附件demo

print.zip

2.15 MB, 下载次数: 73

回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部