php - 限制 div 层内的 foreach 打印

Question

如何限制 foreach 的印象？

我只需要水平 7 行来打印。有没有办法用css或分页来做到这一点？

图片问题：https ://i.imgur.com/LwhA42z.png

现在打印无穷大，设计变形了

 <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
            <div class="widget widget-table-two">

                <div class="widget-heading">
                    <h5 class="">Turnos Recientes</h5>
                </div>

                <div class="widget-content">
                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                          
                                <tr>
                                    <th><div class="th-content">Cliente</div></th>
                                    <th><div class="th-content">Servicio</div></th>
                                    <th><div class="th-content mr-3">Horario</div></th>
                                    <th><div class="th-content ml-3">Asistencia</div></th>
                                    <th><div class="th-content mr-3">Estado</div></th>
                                </tr>
                        
                            </thead>
                            <tbody>
                            @foreach ($servicios as $servicio)
                                <tr>
                                <td><div class="td-content customer-name">{{$servicio->titulo}}</div></td>
                                    <td><div class="td-content product-brand">{{$servicio->servicio->servicio}}</div></td>
                                    <td><div class="td-content ml-2">{{$servicio->hora}}</div></td>
                                    <td><div class="td-content"> 
                                    @if($servicio->asistencia == 'on')
                                    Sí
                                    @elseif($servicio->asistencia == null)
                                    No
                                    @endif
                                
                </div></td>
                                    <td><div class="td-content">
                                    @if($servicio->c_confirma == 'on')
                                    <span class="badge outline-badge-primary">Confirmado</span>
                                    @elseif($servicio->c_confirma == null)
                                    <span class="badge outline-badge-danger">Sin Confirmar</span>
                                    @endif
                                    </span></div></td>
                                </tr>
                                @endforeach
                             
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

标签： phpcsslaravellaravel-5bootstrap-4

Answer 1

我认为$servicios是类型Collection，因此您可以在foreach循环中使用它：

@foreach ($servicios->take(7) as $servicio)
...
@endforeach