SpreadJS常见打印问题

问题：打印时出现空白页怎么办？

解决方案：

一般情况下，造成该问题的原因有两种：

其中一种是边距超出纸张大小导致打印一页显示不全。由于设置的边距和纸张空白颜色一样，经常不好分辨判断。

SpreadJS的printInfo有着一个默认margin边距大小。可以通过printInfo.margin()来获取：

由于最终打印是的内容是要加上边距的大小，所以可能导致实际内容超出一张纸的大小。导致出现空白页。

另一种情况可能是浏览器的打印设置中设置了默认的边距，如下图所示：

浏览器中默认是有边距大小的。由于SpreadJS的打印原理是先将内容设置在逻辑纸张中，再将逻辑纸张传给浏览器的打印功能打印。

而浏览器的边距会在传入逻辑纸张之后去叠加设置。所以经常会导致SpreadJS中刚刚一页能打下的内容，结果实际打印时多了一页（由于边距导致的撑出纸张，所以常为空白页）。

这里由于是浏览器的默认设置，故无法通过SpreadJS的api功能去进行设置，需要用户手动在浏览器设置中将其设置成无。

问题：如何将页面内容动态缩放到一张纸中打印？

解决方案：

用户经常有将内容放到一张纸中打印的需求，由于SpreadJS和Excel的打印原理类似，都是按照列宽行高的实际大小在纸上打印的。所以经常会出现分页打印的情况。

解决办法是设置fitPagesTall和fitPagesWide这两个方法。

fitPagesTall：获取或设置打印是需要需要缩放的垂直纸张数量

简单来说就是方法中传入想要将内容高度缩放成的纸张数，比如高度缩放到1也打印就设置，如果什么都不传那么就会获取当前fitPagesTall设置的数量。

printInfo.fitPagesTall(1);

fitPagesWide：获取或设置打印是需要需要缩放的水平纸张数量

fitPagesWide同理为水平方向的设置纸张数，比如设置成1就是水平宽度缩放到1页纸去打印。

另外，还有一种方案是在表单设计时候通过isPrintLineVisible 方法将打印线开启，从设计上避免超出打印纸张范围的现象

sheet.isPrintLineVisible(true);

该方法常用于一些固定大小表格的设计。

可根据实际情况采取上述的方案。

问题：如何实现全页面打印？

背景：

想要实现上下左右边距均为0，即上下左右都不要留空白区域的打印。

已经在代码中设置了printInfo.margin的相关参数，但是在预览的时候底部还是有一片空白区域，这种问题应该如何解决？

解决方案：

出现这种情况的原因是因为浏览器的页面大小和打印的页面大小不一致。解决办法是通过设置纸张大小，当设置的纸张与您当前浏览器设置的纸张相吻合时，可以实现全页面打印。

function setPrintInfo(sheet) {
    var printInfo = sheet.printInfo();

    // printInfo.paperSize(new GC.Spread.Sheets.Print.PaperSize(GC.Spread.Sheets.Print.PaperKind.a4));
    // 这里可以设置纸张大小，当设置的纸张与您当前浏览器设置的纸张相吻合时，可以实现全页面打印
    printInfo.paperSize(new GC.Spread.Sheets.Print.PaperSize(1650, 1169));
    printInfo.orientation(GC.Spread.Sheets.Print.PrintPageOrientation.landscape);
    printInfo.centering(GC.Spread.Sheets.Print.PrintCentering.horizontal);
    printInfo.margin({top:0, bottom:0, left:0, right:0, header:0, footer:0});
}

如此设置后就可以实现全页面覆盖的打印了。

具体的Demo请参考该链接。

问题：如何解决隐藏行头时左侧边框线消失的问题？

背景：

当用户设置了rowHeaderVisible为false后，预览打印时会发现左侧单元格的左边框消失了。

解决方案：

之所以会出现这样的情况，是因为rowHeader的右边线和第一列的左边线是重合绘制的。

要解决这个问题有两个方案：

1、在最左侧添加一列，然后将列宽设置为1。

2、设置 sheetAreaOffset 属性来设置表单绘制区域相对于左上角的偏移量。如：sheet.options.sheetAreaOffset= {left : 2, top : 2};

问题：如何指定打印多个Sheet？

背景：

不是所有的sheet都需要打印，实现只打印部分sheet的需求。

解决方案：

SpreadJS的打印功能可以指定某一个Sheet进行打印，如：

spread.print(sheetIndex);

其中参数为需要打印sheet的index，传入sheet的index打印指定sheet。如果想全部打印，参数什么都不传即可。

那么，如果打印多个sheet,但不是所有sheet。例如：spread中有四个sheet，如何打印其中的两个？这个时候该怎么办呢？

之前的解决方案是需要将spread复制到一个临时spread中，在临时spread中删除不打印的sheet，然后打印临时spread。

但遇到存在公式跨sheet引用的情况下，这样的做法可能会出现问题。如果删除的sheet中的某些单元格被其他sheet所引用，那么删除之后公式的结果将变成#Value。这样也会造成打印结果变成#Value。这就不符合需求了。所以我们需要在之前的解决方案的基础上做一些改进。

可以利用打印所见即所得的原理，将之前的删除不打印的sheet变为隐藏不打印的sheet。虽然sheet隐藏了，但是引用的公式结果并不会发生改变（sheet仍然存在在工作簿中）。

具体可以参考下面的Demo。

指定打印多个Sheet.html

作者: Clark.Pan | 审核：Clark.Pan | 更新时间：2023.11.06