块数据并在Laravel视图中显示标题

Question

我有数据，我需要显示在3行与标题在Laravel刀片视图。我知道Laravel中有chunk方法来对数据进行分块并显示。但我想以不同的方式展示数据。

这是我的数据

Illuminate\Support\Collection {#1898 ▼
#items: array:2 [▼
  0 => {#1021 ▼
  +"parameter": "NH3 Examine"
  +"id": 6
  +"pond_quality_id": 5
  +"parameter_id": 28
  +"pond_water_cig": 12
  +"pond_water_non_cig": 12
  +"taken_actions_cig": 12
  +"taken_actions_non_cig": 12
  +"taken_actions": "action"
  +"measure_before_intervention": "before"
  +"measure_after_intervention": "after"
  +"remarks": "remarks1"
  +"created_at": "2021-04-25 10:16:00"
  +"updated_at": "2021-04-25 10:16:00"
}
1 => {#1897 ▼
  +"parameter": "O2 Examine"
  +"id": 7
  +"pond_quality_id": 5
  +"parameter_id": 29
  +"pond_water_cig": 23
  +"pond_water_non_cig": 23
  +"taken_actions_cig": 23
  +"taken_actions_non_cig": 23
  +"taken_actions": "action taken"
  +"measure_before_intervention": "before intervention"
  +"measure_after_intervention": "after intervention"
  +"remarks": "remarks2"
  +"created_at": "2021-04-25 10:16:00"
  +"updated_at": "2021-04-25 10:16:00"
}
]
}

下面是我想要输出数据的方式

我怎样才能做到这一点？

Answer 1

实现预期结果的更好方法是块函数。简单明了。

    @foreach($items->chunk(2) as $chunk)
      <div class="s-table-container">
        <table class="s-table">
          <thead>
            <tr>
              <th>Id</th>
              <th>parameter</th>
              <th>pond_quality_id</th>
              <th>pond_water_cig</th>
             </tr>
           </thead>
           <tbody>
             @foreach($chunk as $item)
               <tr>
                 <td>{{$item->id}}</td>
                 <td>{{$item->parameter}}</td>
                 <td>{{$item->pond_quality_id}}</td>
                 <td>{{$item->pond_water_cig}}</td>
               </tr>
             @endforeach
           </tbody>
         </table>
       </div>
     @endforeach

Answer 2

您在blade中使用的每个@foreach循环都有$loop的作用域，它也会随着循环内部的循环进行缩放

下面是一个例子，说明你如何实现自己的目标；每第三行，添加一个您选择的标题。你可能需要在那里使用模数——我相信3是正确的，但考虑到$loop-

请看：https://laravel.com/docs/8.x/blade有关@foreach

@foreach($items as $item)

    @if($loop->iteration % 3 == 0)
        //output header row
    @endif

    //output $item

@endforeach

考虑到您有3个相同的表，但是您的第四个表似乎有1个头并且是唯一的，您需要为您自己定义一组标题行规则，您可能希望创建一个助手函数，允许您在边栏选项卡中使用多个@if语句包含依赖于迭代的视图。