h5 每页打印固定表头以及表尾 解决表头过长打印分页表头不固定问题

该解决方法不一定每个都适用 在此做个记录
由于需要的固定表头过长 所以分页时表头就不会固定 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
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值