14页眉页脚

收藏

本帖最后由 Derrick.Jiao 于 2021-12-28 09:16 编辑

我在localhost环境下设置打印的页眉页头
打印出来看到信息都是对的
image.png211758422.png

但是实际预览的时候却没生效
image.png992628173.png

Lynn.Dou · Lynn.Dou

您好，从截图来看预览页面显示的页眉页脚应该为浏览器自带的，将其关闭再次测试下。
如下图，取消勾选页眉页脚。
image.png752681274.png

如果取消勾选后仍未正确显示设置的页眉页脚，
请检查设置的spread或者sheet是否正确，以及调整下（调大或调小）margin值，看下页眉是否可以显示。
另，学习指南有提供相关demo，您也可以参考下。
https://demo.grapecity.com.cn/sp ... custom-print/purejs

大橙子 · 大橙子

Lynn.Dou 发表于 2021-12-27 17:19
您好，从截图来看预览页面显示的页眉页脚应该为浏览器自带的，将其关闭再次测试下。
如下图，取消勾选页 ...

这个案例我看过了

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

Lynn.Dou · Lynn.Dou

您上传下ssjson文件，这边实际测试下。

大橙子 · 大橙子

Lynn.Dou 发表于 2021-12-27 18:34
您上传下ssjson文件，这边实际测试下。

Lynn.Dou · Lynn.Dou

页眉页脚需要足够的位置来显示，所以要设置足够的margin的 top bottom值。
demo中看到 print.js 文件中margin 的 top bottom为0，所以才显示不出。
解决方案如下代码：

function printSheet(){
console.log("打印")
const workbook = designer.getWorkbook()
const sheet = workbook.getActiveSheet()
const printInfo = sheet.printInfo()
// printInfo.paperSize(new GC.Spread.Sheets.Print.PaperSize(Spread.Print.PaperKind.a4))
printInfo.showColumnHeader(false).showRowHeader(false).showGridLine(false).showBorder(false)
printInfo.margin({top:20, bottom:20, left:20, right:20, header:0, footer:0})
workbook.print()
}

复制代码

效果如下：

完整代码查看附件demo

		自动登录	找回密码
密码			立即注册

[已处理] 14页眉页脚

5 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人