When a table is chunked the <colgroup> and <caption> should be repeated
Let's say that the following table does not fit on one page:
<table>
<caption>Superheros and sidekicks</caption>
<colgroup>
<col>
<col span="2" class="batman">
<col span="2" class="flash">
</colgroup>
<tr>
<td> </td>
<th scope="col">Batman</th>
<th scope="col">Robin</th>
<th scope="col">The Flash</th>
<th scope="col">Kid Flash</th>
</tr>
<tr>
<th scope="row">Skill</th>
<td>Smarts</td>
<td>Dex, acrobat</td>
<td>Super speed</td>
<td>Super speed</td>
</tr>
</table>
In this case, Paged.js will use the function rebuildAncestors
to "recreate" a table from the node that does not fit on the page.
For instance, if the last/second row does not fit, Paged.js will "recreate" the following table on the next page:
<table>
<tr>
<th scope="row">Skill</th>
<td>Smarts</td>
<td>Dex, acrobat</td>
<td>Super speed</td>
<td>Super speed</td>
</tr>
</table>
As you can see the <colgroup>
and <caption>
elements are missing.
Should we handle this case in the core library? Should we document how to implement this feature using Paged.Handler.afterPageLayout
(similar to what we are doing to repeat the <thead>
element)?