Я пытаюсь отобразить HTML-страницу, содержащую таблицы, в PDF с помощью Kendo-UI.
Общая структура страницы:
<div>
<div>
<table>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr> //repeat with more rows
</tbody>
</table>
<table>
<thead>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<thead>
<tbody>
@foreach (var a in b)
{
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
} //repeat with more rows
</tbody>
</table>
</div>
</div>
Div, содержащий таблицы, передается этой функции:
export function ExportToPDF(elem: any) {
return kendo.drawing.drawDOM($(elem), {
paperSize: "A4",
margin: {
left: "5mm",
top: "10mm",
right: "5mm",
bottom: "10mm"
},
})
.then(function (group) {
return kendo.drawing.exportPDF(group, {
});
})
}
Проблема в том, что если в одном из элементов
имеется большой объем контента, он не будет разделен на несколько страниц. То, что происходит, - это обрезание контента внизу страницы.
Я попытался установить «multiPage: true», принудительно разрывать страницы и т. Д., Но не могу найти решение.