Kendo PDF导出半页为空

时间:2019-11-01 15:31:42

标签: angular pdf-generation kendo-ui-angular2

我有一个工作正常的pdf导出文件,其中包含一个Angular for循环,其列表分为两列。

我需要使用两列问题列表进行考试,然后将其导出为pdf。 我试图将列表样式从“列”替换为“网格”,它接近我想要的样式,但是行之间的空白看起来不太好。 [innerHTML]用于问题中的“代码”标签。 在html页面中看起来一切都很好,但是当我将其导出为pdf时,页面的一半是空的,它跳到了下一页。不知何故,只有最后一页看起来不错。

这说明了我的意思: https://stackblitz.com/edit/angular-4ykjjs

<kendo-pdf-export #pdf paperSize="A4" margin="2cm" [scale] = "1">
      <ul class ="question">
          <li *ngFor = "let item of questions">
              <span [innerHTML] = "item.question" class = "question-text"> </span>
              <ul>
                <li *ngFor = "let answer of item.answers">
                  <span [innerHTML] = "answer"></span>
                </li>  
              </ul>
          </li>
      </ul>
</kendo-pdf-export>

0 个答案:

没有答案