In my PDF Visualforce page, below table breaks and goes to new page. Is there any way that I can repeat the header of the table if it breaks to new page at the beginning?
Visualforce HTML Table
<div class="content" id="ct">
<table id="dataTable" border="1px" width="70%" height="50%" class="repeatTableHeader" style="page-break-inside:auto;">
<tr colspan="30" class="topHeader" style="page-break-inside:auto;display: table-row-group;" id="theader">
<th scope="col" colspan="24" class="topHeader" >Please PRINT FULL NAME NEATLY First Name, Last Name</th>
<th scope="col" colspan="5" class="topHeader" style="width: 40% !important;">Attendee signature</th>
<th scope="col" colspan="1" class="topHeader" style="width: 10% !important;">Opt out of meal</th>
</tr>
<apex:variable var="color" value="{!1}"/>
<apex:repeat value="{!attlist}" var="att">
<tr style="background-color:{!IF(mod(color,2)=0, '#FFFFFF', '#D3D3D3')}; page-break-inside:avoid; page-break-after:auto">
<td colspan="1" style="width:30px !important;text-align:center;">{!att.seqNo}</td>
<td colspan="23" class="nameColumns" >{!att.attendeeName}</td>
<td colspan="5"></td>
<td colspan="1" ></td>
<apex:variable value="{!color+1}" var="color" />
</tr>
</apex:repeat>
</table>
</div>
Can someone please help me?