I'm trying to show a table in laravel blade same as the image below
In the HTML Blade table To make a cell span more than one row, I use the rowspan attribute. But when I try to do it with foreach in blade view it not working perfectly. foreach loop return the team raw three times.
here is my blade code
@foreach($datas as $data)
<tr>
<td rowspan="3">{{$data->team_name}}</td>
<td>{{$data->name}}</td>
<td>{{$data->email}}</td>
<td>{{$data->phone}}</td>
</tr>
@endforeach
Please help.
Team row returning three times, because it's in the foreach, if rowspan is a static value you can try below code:
@foreach($datas as $key => $data)
<tr>
@if ($key == 0 || $key % 3 == 0)
<td rowspan="3">{{$data->team_name}}</td>
@endif
<td>{{$data->name}}</td>
<td>{{$data->email}}</td>
<td>{{$data->phone}}</td>
</tr>
@endforeach
Laravel 5.2 and up
For dynamic rowsapn, try below code:
@php
$rowid = 0;
$rowspan = 0;
@endphp
@foreach($datas as $key => $data)
@php
$rowid += 1
@endphp
<tr>
@if ($key == 0 || $rowspan == $rowid)
@php
$rowid = 0;
$rowspan = $data->how_many_members;
@endphp
<td rowspan="{{ $rowspan }}">{{$data->team_name}}</td>
@endif
<td>{{$data->name}}</td>
<td>{{$data->email}}</td>
<td>{{$data->phone}}</td>
</tr>
@endforeach
change how_many_members property fits to your model field name.
