Limit the number of <td> in a row using the laravel blade

user_648045 0
Viewed 278

I have following code in my blade file $titleObject is a collection. Is there any way to limit the number(eg:- 3 items per row) of items per row. Please let me know if there is a better way to accomplish this than to write complex for loops.

<div class="container" align="left"> 
  <!-- Navigation -->
  <header> <a href="">
    <table cellpadding="10" width="200" border="0">
      <tbody>
      @if($titleObject)
        <tr>
        @foreach($titleObject as $title)
          <td>{{$title->title}}</td>
           <td>&nbsp;</td>
           @endforeach
        </tr>
        @endif
       
      </tbody>
    </table>
    <h4 class="logo">&nbsp;</h4>
  </a></header>
</div>
laravel-blade laravel
3 Answers

You can use Laravel Collection Chunk

<table>
    <tbody>
        @forelse ($titleObject->chunk(3) as $chunkedTitleObjects)
            <tr>
                @foreach ($chunkedTitleObjects as $title)
                    <td>{{$title->title}}</td>
                @endforeach
            </tr>
        @empty
            <tr>There is no data in table</tr>
        @endforelse
    </tbody>
</table>

Let me know the results.

user_77961160

Assuming the key is starting at 0 and going up normally you can use it to determine every third element with the modulo operator. Something like this should work.

@if($titleObject)
  @foreach($titleObject as $key => $title)
    @if($key % 3 == 0)
     <tr>
    @endif
    <td>{{$title->title}}</td>
    <td>&nbsp;</td>
    @if($key % 3 == 2)
     </tr>
    @endif
  @endforeach
@endif

If the key is not equal to the index you could add a PHP variable or a normal for-loop that will count up and use the same logic as above.

user_34858770

Here is a way to do it:

<tbody>
  @if($titleObject)
    @foreach($titleObject as $title)
      @if($loop->index % 3 == 0)
       <tr>
      @endif
    
      <td>{{$title->title}}</td>
      <td>&nbsp;</td>
    
      @if($loop->index % 3 == 0)
       </tr>
      @endif
    
    @endforeach
  @endif
</tbody>
user_31595290
Related