2

所以我正在做一个项目（laravel 5.6），我必须将学生的结果导出为pdf（dompdf）。我在一个页面上显示 29 个学生的结果，之后我想换一个新页面。我已经使用下面的代码成功地实现了这一点：

<div>
  <table border="1" style="width: 100%; border-collapse: collapse; border: 1px; height: 2em; font-size: 0.9em;">
    <thead style="text-align: center;">
      <tr>
         <th>S/N</th>
         <th>MATRIC NO</th>
         <th>STUDENT NAME</th>
         <th>EXAM</th>
         <th>CA</th>
         <th>TOTAL</th>
         <th>GRADE</th>
      </tr>
   </thead>
   <tbody>
        <?php $sn = 1 ?>
        <?php $n = 1 ?>
        @foreach($results as $result)
          <tr style="text-align: center;">
            <td>{{ $sn }}.</td>
            <td width="20%">{{ $result->matric_no }}</td>
            <td width="25%">{{ $result->last_name }} {{ $result->first_name }} {{ $result->middle_name }}</td>
            <td width="8%">{{ $result->score }}</td>
            <td width="10%">{{ $result->ca }}</td>
            <td>{{ ($result->score + $result->ca) }}</td>
            <td>{{ calculateGrade($result->score + $result->ca) }}</td>
          </tr>

          <?php $sn++ ?>
          @if($n % 29 == 0)
             <div style="page-break-before: always;"></div>
          @endif

          <?php $n++ ?>
       @endforeach
   </tbody>
  </table>
</div>

我的问题是：右侧的边框没有正确显示，如此处所示，当它中断到新页面时，第一行没有正确显示。我究竟做错了什么？

这是我的 CSS：

<style>
        #background{
            position:absolute;
            z-index:0;
            background:white;
            display:block;
            min-height:50%;
            min-width:50%;
            color:yellow;
        }

        #content{
            position:absolute;
            z-index:1;
        }

        .page-break {
            page-break-after: always;
        }

        #bg-text {
            color:lightgrey;
            font-size:120px;
            transform:rotate(300deg);
            -webkit-transform:rotate(300deg);
             z-index:  -20000;
        }
        .pagenum:before {
            content: counter(page);
        }

        .footer {
            width: 100%;
            text-align: center;
            position: fixed;
            bottom: 0px;
        }

        table thead tr td{
            page-break-inside: avoid !important;
        }
    </style>

在此先感谢您的帮助。

4

0 回答 0