<style>
body {
margin: 0;
}
table{
width: 100%;
border-spacing: 0;
border-collapse: collapse;
text-align: center;
}
thead.t1{
background: #dac8c8;
}
table td , table th{
padding:10px;
}
table{
margin-top:20px;
}
thead.t2{
background: #dcdcdc;
}
@media print{
@page {
size: A4 landscape;
}
}
thead { display:table-header-group }
@media print{
table {page-break-after:always}
}
.no-break {
page-break-inside: avoid;
}
.pagebreakafter_always {
page-break-after: always;
}
</style>
</head>
<body class="" style="width:1070px; margin:0 auto;">
<div style="height:300px; width:100%; background:#ccc; border-bottom:2px solid #000;">
</div>
<table class="splitForPrint table-rc1 ">
<thead class="t1">
<tr>
<th> column1 </th>
<th> column2 </th>
<th> column3 </th>
<th> column4 </th>
<th> column5 </th>
<th> column6 </th>
<th> column7 </th>
<th> column8 </th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="8" class="no-break">
<div class=" table-block ">
<table>
<tbody>
<tr>
<td> column td1 </td>
<td> column td2 </td>
<td> column td3 </td>
<td> column td4 </td>
<td> column td5 </td>
</tr>
<tr>
<td> column td1 </td>
<td> column td2 </td>
<td> column td3 </td>
<td> column td4 </td>
<td> column td5 </td>
</tr>
<tr class="pagebreakafter_always ">
<td> column td1 </td>
<td> column td2 </td>
<td> column td3 </td>
<td> column td4 </td>
<td> column td5 </td>
</tr>
<tr>
<td> column td1 </td>
<td> column td2 </td>
<td> column td3 </td>
<td> column td4 </td>
<td> column td5 </td>
</tr>
<tr>
<td> column td1 </td>
<td> column td2 </td>
<td> column td3 </td>
<td> column td4 </td>
<td> column td5 </td>
</tr>
<tr>
<td> column td1 </td>
<td> column td2 </td>
<td> column td3 </td>
<td> column td4 </td>
<td> column td5 </td>
</tr>
<tr>
<td> column td1 </td>
<td> column td2 </td>
<td> column td3 </td>
<td> column td4 </td>
<td> column td5 </td>
</tr>
<tr>
<td> column td1 </td>
<td> column td2 </td>
<td> column td3 </td>
<td> column td4 </td>
<td> column td5 </td>
</tr>
<tr>
<td> column td1 </td>
<td> column td2 </td>
<td> column td3 </td>
<td> column td4 </td>
<td> column td5 </td>
</tr>
<tr>
<td> column td1 </td>
<td> column td2 </td>
<td> column td3 </td>
<td> column td4 </td>
<td> column td5 </td>
</tr>
<tr>
<td> column td1 </td>
<td> column td2 </td>
<td> column td3 </td>
<td> column td4 </td>
<td> column td5 </td>
</tr>
<tr>
<td> column td1 </td>
<td> column td2 </td>
<td> column td3 </td>
<td> column td4 </td>
<td> column td5 </td>
</tr>
<tr>
<td> column td1 </td>
<td> column td2 </td>
<td> column td3 </td>
<td> column td4 </td>
<td> column td5 </td>
</tr>
<tr>
<td> column td1 </td>
<td> column td2 </td>
<td> column td3 </td>
<td> column td4 </td>
<td> column td5 </td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</body>
Here I have HTML code which have table inside tr but which is not coming proper when I generate PDF. What I want thead of first table should repeat on every page. while generating PDF in landscape mode.
