【问题标题】:How to place data in a new column when it reaches 10 rows?当数据达到 10 行时,如何将数据放入新列中?
【发布时间】:2016-06-20 07:32:45
【问题描述】:
我这里有这个 html 代码:
<div class="bids_container col-lg-8 col-lg-offset-2">
@each('comp.bid_summary', $bids, 'bid')
</div>
我的出价按 10 分页。我想在这里做的是当此列达到 10 行时,我想开始在其旁边的新列中添加新行。这有可能吗?
【问题讨论】:
标签:
javascript
php
twitter-bootstrap
laravel
【解决方案1】:
您可以返回整个集合并chunk它:
@foreach ($bids->chunk(10) as $chunk)
<div class="row">
@each('comp.bid_summary', $chunk, 'bid')
</div>
@endforeach
$chunk 是完整集合的子集
【解决方案2】:
我喜欢 Tykus 的回答,但看起来 OP 没有在 comp.bid_summary 中定义列,所以我认为这样的结果更接近预期结果:
<div class="bids_container">
<div class="row">
@foreach ($bids->chunk(10) as $chunk)
<div class="col-lg-6">
@each('comp.bid_summary', $chunk, 'bid')
</div>
@endforeach
</div>
</div>
您可能希望分页 20 以获得 2 列。
如果您删除分页并有超过 20 个结果,您将获得超过 2 列,因此您可以在分块之前->limit(20) 以确保仅显示 2 列。