该解决方法不一定每个都适用 在此做个记录
由于需要的固定表头过长 所以分页时表头就不会固定 h5打印固定表头应该是有个高度限制
html代码 由于我是用的vue框架 所以就不说明{ {}}之类的意思了
<div id="study" v-show="studyVisible">
<table border="0" style="page-break-after: always;margin:auto;border-collapse:collapse;width:651pt">
<thead>
<tr style="height: 60pt">
<td colspan="11" class="study-table-title study-table-text">
XXXXXXXX
<br/>
<span style="letter-spacing: 10px;">
XXXXXXX
</span>
</td>
</tr>
<tr class="study-table-line-height ">
<td style="width: 81pt" class="study-table-text study-table-border">
XX
</td>
<td colspan="2" style="width: 102pt" class="study-table-text-left study-table-border">{
{studyInfo.officeName}}</td>
<td colspan="2" style="width: 106pt" class="study-table-text study-table-border">XX</td>
<td colspan="3" style="width: 149pt" class="study-table-text-left study-table-border">{
{ studyInfo.surveyDate }}</td>
<td style="width: 65pt" class="study-table-text study-table-border">XX</td>
<td colspan="2" style="width: 148pt" class="study-table-text-left study-table-border">{
{studyInfo.claimNo}}</td>
</tr>
<tr class="study-table-line-height ">
<td style="width: 81pt" class="study-table-text study-table-border">XX</td>
<td colspan="2" style="width: 102pt" class="study-table-text-left study-table-border">{
{studyInfo.carNo}}</td>
<td colspan="2" style="width: 106pt" class="study-table-text study-table-border">出险地点</td>
<td colspan="3" style="width: 149pt" class="study-table-text-left study-table-border">{
{studyInfo.surveyAddr}}</td>
<td style="width: 65pt" class="study-table-text study-table-border">XX</td>
<td colspan="2" style="width: 148pt" class