循环数据，每行包含3列 [英] Looping data which contains 3 column each row

问题描述

我的问题是每行划分3列
图片: https://imgur.com/iYWideu

My problem is divide 3 columns each row
image : https://imgur.com/iYWideu

<div id="list-product">
                <div class="row">       
                @foreach($products as $product)
                    <div class="col-lg-4 col-md-4">
                        <a href="{{URL::route('products',['id'=>$product->id])}}">
                            <div class="card">
                                <div class="wrap-img-product">
                                    <img src="{{asset($product->gambar)}}" alt="" class="card-img-top">
                                </div>
                                <div class="card-body">
                                    <h5 class="card-title">{{$product->name}}</h5>
                                    <p class="card-text">Rp{{number_format($product->harga_jual)}}</p>
                                </div>
                            </div>
                        </a>
                    </div>
                @endforeach
                </div>
            </div>

所以，我希望每个标签行包含3列

So, i want each tag row contains 3 column,

推荐答案

只需将数据分成3组，然后添加嵌套循环即可迭代每个组的数据.

Just chunk your data into sets of 3 and add a nested loop to iterate each set's data.

foreach (array_chunk($products, 3) as $set) {
    echo '<div class="row">';
        foreach ($set as $product) {
            echo '<div class="col-lg-4 col-md-4">';
                ...
            echo '</div>';
        }
   echo '</div>';
}

这篇关于循环数据，每行包含3列的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！