У меня есть рабочий экспорт в PDF, который содержит цикл Angular for со списком, который разбит на две колонки.
Мне нужно сделать экзамен со списком вопросов в двух столбцах, а затем экспортировать его в PDF,Я попытался заменить стиль списка с «столбцов» на «сетку», он был близок к тому, что я хотел, но пустое пространство между строками выглядит не слишком хорошо. [InnerHTML] используется для тега «code», который находится в вопросе. На 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>