Cara buat table tidak loncat halaman ketika generate pdf laravel

<div>ini isi kodingannnya</div><pre>&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;style&gt; @page { margin: 0.5cm; }

    body {
        font-size: 7pt;
        font-family: 'Open Sans', sans-serif;
    }

    .header-table {
        width: 100%;
        border: 1px solid black;
        border-collapse: collapse;
    }

    .header-table td{
        border: 1px solid black;
        padding: 5px;
        font-size: 8pt;
    }

    .title-table {
        width: 100%;
        border: 1px solid black;
        border-collapse: collapse;
    }

    .title-table td{
        border: 1px solid black;
        padding: 4px;
        font-weight: bold;
    }

    .content-table {
        width: 100%;
        margin-top: 10px;
        border: 1px solid black;
        border-collapse: collapse;
        overflow: wrap;
    }

    .content-table td, th {
        border: 1px solid black;
        padding: 6px;
        vertical-align: top;
        font-size: 7pt;
    }

    .signing-table {
        width: 100%;
        margin-top: 20px;
        margin-left: 160px;
    }

    .content-table .content-title {
        text-align: center;
        font-weight: bold;
        background-color: #CCFFCC;
    }
</style>

&lt;/head&gt; &lt;body&gt; {{-- set locale --}} @php \Carbon\Carbon::setLocale('id'); $baseUrlImage = 'link base url'; @endphp

{{-- SECTION HEADER --}}
<table class="header-table">
    <tr>
        <td rowspan="3" style="text-align: center; width: 98px"><img src="link image" width="80px"></img></td>
        <td style="text-align: center"><b>TELKOM UNIVERSITY</b></td>
    </tr>
    <tr><td style="text-align: center"><b>Jl. Telekomunikasi No. 1 Ters. Buah Batu Bandung 40257</b></td></tr>
    <tr><td style="text-align: center"><b>{{ $meeting->meeting_name }}</b></td></tr>
</table>

{{-- SECTION TITLE --}}
<table class="title-table" style="margin-top: 10px;">
    {{-- Set date time --}}
    <tr>
        <td style="width: 95px">Hari/Tanggal/Waktu</td>
        <td style="width: 8px">:</td>
        <td>{{ \Carbon\Carbon::parse($meeting->start_date)->translatedFormat('l / d F Y') }} / {{ substr($meeting->start_time, 0, -3) }} - {{ substr($meeting->end_time, 0, -3) }} WIB</td>
    </tr>

    {{-- Set location --}}
    <tr>
        <td style="width: 95px">Tempat</td>
        <td style="width: 8px">:</td>
        <td>{{ ($meeting->other_meeting_location == null) ? $meeting->location->name : $meeting->other_meeting_location }}</td>
    </tr>

    {{-- Set meeting agenda --}}
    <tr>
        <td rowspan="{{ count($meeting->agenda) }}" style="width: 95px; vertical-align:top">Agenda</td>
        <td style="width: 8px; vertical-align: top">:</td>
        <td style="vertical-align: top">
            <p>{!! $meeting->agenda[0]->agenda_content !!}</p>
        </td>
    </tr>

    @foreach ($meeting->agenda as $key => $agenda)
        @if ($key == 0)
            @continue
        @endif

        <tr>
            <td style="width: 8px; vertical-align:top">:</td>
            <td style="vertical-align: top">
                <p>{!! $agenda->agenda_content !!}</p>
            </td>
        </tr>
    @endforeach
</table>

{{-- SECTION CONTENT --}}
<table class="content-table" style="overflow: wrap"  autosize="2.4">
    <tr class="content-title">
        <th style="width: 3%;">No</th>
        <th style="width: 15%;">Agenda</th>
        <th style="width: 22%;">Pembahasan/Permasalahan</th>
        <th style="width: 20%;">Rencana Tindakan/Perbaikan</th>
        <th style="width: 15%;">Luaran/Outcomes</th>
        <th style="width: 10%;">PIC</th>
        <th style="width: 10%;">Target</th>
        <th style="width: 5%;">Status</th>
    </tr>

    @php $no = 1; @endphp
    @foreach ($data as $key => $content)
        <tr>
            {{-- Nomor --}}
            {{-- kondisonal border untuk rowspan --}}
            @if ($key > 0 && $data[$key]->agenda_content_id != $data[$key-1]->agenda_content_id)
            <td style="border-top: 2px solid black">
            @else
            <td style="{{ ($key == count($data)-1) ? 'border-bottom: 2px solid black' : '' }}">
            @endif

            {{-- Pengisian value --}}
                @if ($key == 0)
                    <p style="page-break-inside: avoid; page-break-after: avoid;">
                        {{ $no++ }}  
                    </p>
                @else
                    <p style="page-break-inside: avoid; page-break-after: avoid;">
                        {{ ($data[$key]->agenda_content_id != $data[$key-1]->agenda_content_id) ? $no++ : '' }}
                    </p>
                @endif
            </td>

            {{-- Agenda --}}
            {{-- kondisonal border untuk rowspan --}}
            @if ($key > 0 && $data[$key]->agenda_content_id != $data[$key-1]->agenda_content_id)
            <td style="border-top: 2px solid black">
            @else
            <td style="{{ ($key == count($data)-1) ? 'border-bottom: 2px solid black' : '' }}">
            @endif

            {{-- Pengisian value --}}
                @if ($key == 0)
                    <p style="page-break-inside: avoid; page-break-after: avoid;">{!! $content->agenda_content !!}</p>
                @else
                    <p style="page-break-inside: avoid; page-break-after: avoid;">{!! ($data[$key]->agenda_content_id != $data[$key-1]->agenda_content_id) ? $content->agenda_content : '' !!}</p>
                @endif
            </td>

            {{-- Pembahasan --}}
            {{-- kondisonal border untuk rowspan --}}
            @if ($key > 0 && $data[$key]->agenda_content_id != $data[$key-1]->agenda_content_id)
            <td style="border-top: 2px solid black">
            @else
            <td style="{{ ($key == count($data)-1) ? 'border-bottom: 2px solid black' : '' }}">
            @endif

            {{-- Pengisian value --}}
                @if ($key == 0)
                    <p style="page-break-inside: avoid; page-break-after: avoid;">{!! $content->discussion_content !!}</p>
                    @if($content->image_url != null)
                        <img style="page-break-inside: avoid; page-break-after: avoid; width: 190px" src="{{ $baseUrlImage.$content->image_url }}" width="190px">
                    @endif
                @else
                    @if($data[$key]->discussion_content_id != $data[$key-1]->discussion_content_id)
                        <p style="page-break-inside: avoid; page-break-after: avoid;">{!! $content->discussion_content !!}</p>
                        @if($content->image_url != null)
                            <img style="page-break-inside: avoid; page-break-after: avoid; width: 190px" src="{{ $baseUrlImage.$content->image_url }}" width="190px">
                        @endif
                    @endif
                @endif
            </td>

            {{-- Rencana Tindakan --}}
            {{-- kondisonal border untuk rowspan --}}
            @if ($key > 0 && $data[$key]->agenda_content_id != $data[$key-1]->agenda_content_id)
            <td style="border-top: 2px solid black">
            @else
            <td style="{{ ($key == count($data)-1) ? 'border-bottom: 2px solid black' : '' }}">
            @endif

            {{-- Pengisian value --}}
                @if ($key == 0)
                    <p style="page-break-inside: avoid; page-break-after: avoid;">{!! $content->follow_up_content !!}</p>
                @else
                    <p style="page-break-inside: avoid; page-break-after: avoid;">{!! ($data[$key]->follow_up_content_id != $data[$key-1]->follow_up_content_id) ? $content->follow_up_content : '' !!}</p>
                @endif
            </td>

            {{-- Outcome --}}
            {{-- kondisonal border untuk rowspan --}}
            @if ($key > 0 && $data[$key]->agenda_content_id != $data[$key-1]->agenda_content_id)
            <td style="border-top: 2px solid black">
            @else
            <td style="{{ ($key == count($data)-1) ? 'border-bottom: 2px solid black' : '' }}">
            @endif

            {{-- Pengisian value --}}
                @if ($key == 0)
                    <p style="page-break-inside: avoid; page-break-after: avoid;">{!! $content->outcome_content !!}</p>
                @else
                    <p style="page-break-inside: avoid; page-break-after: avoid;">{!! ($data[$key]->follow_up_outcome_id != $data[$key-1]->follow_up_outcome_id) ? $content->outcome_content : '' !!}</p>
                @endif
            </td>

            {{-- PIC --}}
            {{-- kondisonal border untuk rowspan --}}
            @if ($key > 0 && $data[$key]->agenda_content_id != $data[$key-1]->agenda_content_id)
            <td style="border-top: 2px solid black">
            @else
            <td style="{{ ($key == count($data)-1) ? 'border-bottom: 2px solid black' : '' }}">
            @endif

            {{-- Pengisian value --}}
                @if ($key == 0 && $content->follow_up_outcome_id != null)
                    @foreach ($content->pic as $dataPic)
                        <p style="page-break-inside: avoid; page-break-after: avoid;">
                            {!! (count($content->pic) > 1) ? '• ' : '' !!}{!! $dataPic->full_name !!} ({!! $dataPic->position_name !!})
                        </p><br>
                    @endforeach
                @elseif ($key != 0 && $content->follow_up_outcome_id != null)
                    @if($data[$key]->follow_up_outcome_id != $data[$key-1]->follow_up_outcome_id)
                        @foreach ($content->pic as $dataPic)
                            <p style="page-break-inside: avoid; page-break-after: avoid;">
                                {!! (count($content->pic) > 1) ? '• ' : '' !!}{!! $dataPic->full_name !!} ({!! $dataPic->position_name !!})
                            </p><br>
                        @endforeach
                    @endif
                @endif
            </td>

            {{-- Target --}}
            {{-- kondisonal border untuk rowspan --}}
            @if ($key > 0 && $data[$key]->agenda_content_id != $data[$key-1]->agenda_content_id)
            <td style="border-top: 2px solid black">
            @else
            <td style="{{ ($key == count($data)-1) ? 'border-bottom: 2px solid black' : '' }}">
            @endif

            {{-- Pengisian value --}}
                @if ($key == 0 && $content->follow_up_outcome_id != null)
                    <p style="page-break-inside: avoid; page-break-after: avoid;">
                        {!! \Carbon\Carbon::parse($content->target_date)->translatedFormat('l, d F Y') !!}
                    </p>
                @elseif ($key != 0 && $content->follow_up_outcome_id != null)
                    <p style="page-break-inside: avoid; page-break-after: avoid;">
                        {!! ($data[$key]->follow_up_outcome_id != $data[$key-1]->follow_up_outcome_id) ? \Carbon\Carbon::parse($content->target_date)->translatedFormat('l, d F Y') : '' !!}
                    </p>    
                @endif
            </td>

            {{-- Status --}}
            {{-- kondisonal border untuk rowspan --}}
            @if ($key > 0 && $data[$key]->agenda_content_id != $data[$key-1]->agenda_content_id)
            <td style="border-top: 2px solid black">
            @else
            <td style="{{ ($key == count($data)-1) ? 'border-bottom: 2px solid black' : '' }}">
            @endif

            {{-- Pengisian value --}}
                @if ($key == 0 && $content->follow_up_outcome_id != null)
                    <p style="page-break-inside: avoid; page-break-after: avoid;">
                        {!! $content->status_name !!}
                    </p>
                @elseif ($key != 0 && $content->follow_up_outcome_id != null)
                    <p style="page-break-inside: avoid; page-break-after: avoid;">
                        {!! ($data[$key]->follow_up_outcome_id != $data[$key-1]->follow_up_outcome_id) ? $content->status_name : '' !!}
                    </p>
                @endif
            </td>
        </tr>
    @endforeach
    
</table>

{{-- Penandatanganan --}}
<table class="signing-table">
    <tr>
        {{-- Pemimpin rapat --}}
        <td align="left" width="55%">
            <div>
                <div style="margin-bottom: 8px;">Disetujui oleh,</div>
                @if ($meeting->qr_path != null)
                    <br>
                    <div style="color: #17a2b8"><i>TTD.</i></div>
                    <img style="margin-left: 100px" src="link image" width="60px" height="60px" alt=""> 
                    <br><br>
                @else
                    <br><br><br><br><br>
                    <div style="color: #17a2b8"><i>TTD.</i></div>
                    <br>
                @endif

                <b style="border-bottom: 1px solid black;">{{$meeting->meeting_leader_full_name}}</b>
                <div>{{ucwords(strtolower($meeting->meeting_leader_position_name))}}</div>
            </div>
        </td>
        
        {{-- Penerima kuasa --}}
        <td align="left" width="45%">
            <div>
                <div style="margin-bottom: 8px;">Dibuat oleh,</div>
                <br><br><br><br><br>
                <div style="color: #17a2b8"><i>TTD.</i></div>
                <br>

                @if ($meeting->note_taker != null)
                    <b style="border-bottom: 1px solid black;">{{ $meeting->note_taker->full_name }}</b>
                    <div>{{ ucwords(strtolower($meeting->note_taker->position_name)) }}</div>
                @endif
            </div>
        </td>
    </tr>
</table>

&lt;/body&gt; &lt;/html&gt;</pre>