SpreadJS v16.1.4 导出PDF 页面展示[SJS-19657]

第13页底部还有空间文字没在当前页显示，而是在14页展示。这是什么原理呢

1. // 导出pdf
   
2. handleExport() {
   
3.       this.loading = true
   
4.       let _this = this
   
5.       setTimeout(() => {
   
6.         let spread = this.spread
   
7.         let fontsObj = fonts;
   
8.         _this.registerCustomFont(fontsObj);
   
9.         _this.addFontsToFontManager(fontsObj);
   
10.         _this.setPrintInfo(spread);
    
11.         spread.savePDF(function (blob) {
    
12.           saveAs(blob, 'EXITWIKI-WTM-20230809.pdf');
    
13.           _this.loading = false
    
14.         }, function (error) {
    
15.           _this.$modal.alertError(error.errorMessage);
    
16.           _this.loading = false
    
17.         }, {});
    
18.       }, 200)
    
19.     },
    
20.     registerCustomFont(fontsObj) {
    
21.       var fonts = {
    
22.         normal: fontsObj["simkai.ttf"],
    
23.       };
    
24.       GC.Spread.Sheets.PDF.PDFFontsManager.registerFont("楷体", fonts);
    
25.     },
    
26.     addFontsToFontManager(fontsObj) {
    
27.       var fonts = {
    
28.         normal: fontsObj["MTCORSVA.TTF"],
    
29.       };
    
30.       GC.Spread.Sheets.PDF.PDFFontsManager.fallbackFont = function (font) {
    
31.         var fontInfoArray = font.split(" "),
    
32.           fontName = fontInfoArray[fontInfoArray.length - 1];
    
33.         if (fontName === "mtcorsva") {
    
34.           return fonts.normal;
    
35.         }
    
36.       };
    
37.     },
    
38.     setPrintInfo(spread) {
    
39.       for (let i = 0; i < spread.getSheetCount(); i++) {
    
40.         var sheet = spread.getSheet(i)
    
41.         var printInfo = sheet.printInfo();
    
42.         sheet.suspendPaint();
    
43.         printInfo.showBorder(false); // 是否显示边框
    
44.         printInfo.showGridLine(false); // 是否打印网格线 (默认是打印)
    
45.         printInfo.blackAndWhite(false); // 彩色打印
    
46.         if (i == 0) {
    
47.           printInfo.margin({top: -10, bottom: -10, left: -12, right: -50,}) // 边距
    
48.           printInfo.columnEnd(12) // 打印截至至某一列
    
49.           printInfo.rowEnd(62) // 打印截至至某一行
    
50. 
    
51.         } else {
    
52.           printInfo.columnEnd(6); // 打印截至至某一列
    
53.           if (sheet.name() == '列表页-新增' || sheet.name() == '列表页-更新') {
    
54.             let num = 4
    
55.             if (num > 7) {
    
56.               for (let j = 1; j <= (parseInt(num / 7)); j++) {
    
57.                 sheet.setRowPageBreak(j * 6 * 7 + (j * 2), true);
    
58.               }
    
59.             }
    
60.           }
    
61.           if (sheet.name() != '列表页-新增' && sheet.name() != '列表页-更新' && sheet.name() != '释义' && sheet.name() != '免责声明页') {
    
62.             sheet.setRowPageBreak(43, true);
    
63.             printInfo.rowEnd(79) // 打印截至至某一行
    
64.           }
    
65.           printInfo.headerCenter("EXITWIKI-WTM-20230809")
    
66.           printInfo.footerCenter("&P/&N");
    
67.           printInfo.firstPageNumber(null);
    
68.           printInfo.margin({top: 100, left: 0, right: 0,bottom:55}) // 边距
    
69.           printInfo.watermark([{x: 60, y: 20, width: 201, height: 48, imageSrc: this.images1, page: "all"}]);
    
70.           printInfo.centering(GC.Spread.Sheets.Print.PrintCentering.horizontal); // 打印的居中方式
    
71.         }
    
72.         printInfo.qualityFactor(8); //打印质量，value为1~8的一个数值，越高则打印效果越好
    
73.         sheet.resumePaint();
    
74.       }
    
75.     }

复制代码

您好，出现这种问题是因为SpreadJS在导出为PDF的时候是不会将一个单元格拆分为两部分显示的，因此为了将一个单元格显示全，会寻找一个充足的空间来显示。因此对于以下单元格来说：



将其拆分为两个或多个单元格就可以解决这个问题了。

Joestar.Xu 发表于 2023-8-10 14:54
您好，出现这种问题是因为SpreadJS在导出为PDF的时候是不会将一个单元格拆分为两部分显示的，因此为了将一 ...

导出后文字显示不全

您好，您尝试将这个单元格的行高稍微调高一些应该就不会出现这个问题了。

Joestar.Xu 发表于 2023-8-10 17:15
您好，您尝试将这个单元格的行高稍微调高一些应该就不会出现这个问题了。

数据是动态的不能固定高度

我们这边先调研一下，后续有进展我会在本贴中回复您。

本帖先做保留处理了。

您好，该问题已被确认为是一个Bug，目前正在修复中，等修复完毕我会在帖子下回复您。

您好，目前有一个解决方案，您尝试将列宽调大一些：sheet.setColumnWidth(1, 103)

这样就可以显示正常了。

此bug仍在调研，后续进展我们会再回复更新

您好，经调研，您也可以将缩放大小调整到100%来解决这个问题。