Preserve rowspan when a table is chunked
Consider the following example:
<!DOCTYPE html PUBLIC>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>rowspan-table</title>
<script src="../../../dist/paged.polyfill.js"></script>
<style>
@page {
size: 500px 300px;
border: 1px solid #cfc2c2;
}
table {
border-collapse: collapse;
}
table, th, td {
border: 1px solid black;
}
tr, td {
break-inside: avoid;
}
</style>
</head>
<body>
<table>
<tbody>
<tr>
<td rowspan="4">1</td>
<td rowspan="4">This is a long description</td>
<td>First row, third column</td>
</tr>
<tr>
<td>Second row, third column</td>
</tr>
<tr>
<td>Third row, third column</td>
</tr>
<tr>
<td>Fourth row, third column</td>
</tr>
</tbody>
</table>
</body>
</html>
The table looks like this:
Currently, Paged.js will produce the following:
As you can see on the second page, the first two rows of the table are missing. The expected result is: