Laravel + mpdf melaksanakan fungsi paging automatik

Question

Jika data melebihi 10, saya cuba auto-paginate, saya menggunakan mpdf + laravel + vue

Ini kod CSS saya

<style>
div.breakNow { page-break-inside:avoid; page-break-after:always; }
</style>

Ini adalah jualan saya_pdf.blade.php

$i=0;
         @foreach ($details as $detail)
         $i++;
         if( $i % 10 == 0 ){

<div class="breakNow">
             <div id="details_inv">
                <table  class="table-sm">
                   <thead>
                      <tr>
                         <th>PRODUCT</th>
                         <th>UNIT PRICE</th>
                         <th>QUANTITY</th>
                         <th>DISCOUNT</th>
                         <th>TAX</th>
                         <th>TOTAL</th>
                      </tr>
                   </thead>
                   <tbody>
    
                
                      <tr>
                         <td>{{$detail['code']}} ({{$detail['name']}})</td>
                         <td>{{$detail['price']}} </td>
                         <td>{{$detail['quantity']}}/{{$detail['unitSale']}}</td>
                         <td>{{$detail['DiscountNet']}} </td>
                         <td>{{$detail['taxe']}} </td>
                         <td>{{$detail['total']}} </td>
                      </tr>
                   }  @endforeach
                   </tbody>
                </table>
             </div>
           </div>

Ini adalah keluaran semasa.

Adakah saya terlepas sesuatu? Terima kasih terlebih dahulu

Answer 1

Ada dua cara untuk menyelesaikan masalah ini.

Pilihan 1

Page 1

Page 2

Pilihan 2 Tambahkan kelas antara baris jadual

$i=0;
@foreach ($details as $detail)
  $i++;


@endforeach