当数据达到 10 行时,如何将数据放在新列中
How to place data in a new column when it reaches 10 rows?
我在这里有这个html代码:
<div class="bids_container col-lg-8 col-lg-offset-2">
@each('comp.bid_summary', $bids, 'bid')
</div>
我的出价分页为 10。我在这里要做的是,当此列达到 10 行时,我想开始在其旁边的新列中添加新行。这可能以某种方式吗?
您可以
返回整个集合并chunk
,而不是对出价进行分页,这将导致多个页面:
@foreach ($bids->chunk(10) as $chunk)
<div class="row">
@each('comp.bid_summary', $chunk, 'bid')
</div>
@endforeach
$chunk
是完整集合的子集
我喜欢
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 列。
相关文章:
- 从单击的行上的列中获取数据
- 在2D数组中动态推送新列
- 如何设置'targets'在列中动态定义数据表
- 如何将数据传递给 jsp 并从 servlet 在新窗口中打开它
- 将网格视图的两列相乘,并将其显示在新列中
- 用于在表中添加行的Javascript代码将单元格中的数据复制到新行中
- 如何使用javascript格式化同一类表列中的数据
- 如何在for循环中的新对象中插入数据
- 流星:显示数组数据,因为表在添加新列时给出了重复值
- 从javascript向Ashx处理程序发送xml数据,并在新窗口中显示响应
- JavaScript-为什么当我向表中添加新列时,它会说“;未定义的“;在额外的细胞中
- 在数据表的新行中添加按钮,变得未定义
- 在 JavaScript 数组中添加新列
- 当数据达到 10 行时,如何将数据放在新列中
- 在 Slickgrid 中对数据进行排序,而不是在列中排序
- 数据表:列显示在“显示/隐藏列”列表中,即使它具有“显示:无”样式
- 使用 javascript 从特定列中提取数据
- 如何禁用特定数据表列中的搜索
- 在角度UI-Grid中交换数据,在外部更改数据集时不可见的新列
- ng显示无法在数据表列中工作