диапазон строк в разрыве страницы

Question

У меня проблема с css в таблице, я использую диапазон строк и некоторые проблемы с разрывом страницы,

с кодом:

<table class="table table-bordered">
    <tbody>
        @foreach ($data->approval as $item)
        <tr>
            <td style="width:150px;" rowspan="2">
                Name: {{$item->userData->name}} <br>
                Position: {{$item->userData->position}} <br>
                Department: {{$item->userData->department ? $item->userData->department->name : ''}} <br>
            </td>
            <td style="height:15px">
                @if ($item->approval_time != null && $item->approval_status == true)
                <img src="{{public_path(). '/images/signed.png'}}" alt="" style="width:120px">
                @endif
                @if ($item->approval_time != null && $item->approval_status == false)
                <img src="{{public_path(). '/images/declined.png'}}" alt="" style="width:120px">
                @endif
            </td>
        </tr>
        <tr>
            {{-- <td style="border-left-width: 1px"></td> --}}
            <td>
                Remark : {!!$item->remark!!}
            </td>
        </tr>
        @endforeach
    </tbody>
</table>

введите описание изображения здесь

какое свойство css исправить эту проблему?

спасибо

Answer 1

Вам нужно добавить colspan="2", если вы хотите показать одну ячейку, охватывающую всю строку.

 <tr>
    {{-- <td style="border-left-width: 1px"></td> --}}
     <td colspan="2">
         Remark : {!!$item->remark!!}
     </td>
 </tr>

Или вы можете создать одну пустую <td>, которая сейчас находится в комментариях.

<tr>
        <td style="border-left-width: 1px">&nbsp;</td>
         <td>
             Remark : {!!$item->remark!!}
         </td>
     </tr>