如何将结果分成3列

史蒂文·格劳曼斯

我有一组结果(例如[1,2,3,4,5,6,7,8,9,10,11])。

我想显示为1行3列

1|5|9
2|6|10
3|7|11
4|8|

我得到的是1行4列

1|4|7
2|5|8
3|6|9

10|
11|

在添加第12个对象之前,我得到1行3列

1|5|9
2|6|10
3|7|11
4|8|12

我在刀片模板中的代码

<!-- partials/tables/table_list.blade.php -->

@section('tables')
<?php $chunkSize = floor(count($tables) / 3); ?>
<section id="tables-overview">
    <div class="row">
        @foreach ($tables->chunk($chunkSize , 1) as $chunk)
        <div class="col-md-4">
            @include('partials.tables.table_chunk')
        </div>
        @endforeach
    </div>
</section>
@endsection

<!-- partials/tables/table_chunk.blade.php -->

<table class="table table-responsive">
<thead>
    <tr>
        <th class="text-center">@lang('table.identifier')</th>
        <th class="text-center">@lang('table.property')</th>
        <th class="text-center">
            @permission('manage-tables')
                <a href="{{ route('CreateTable') }}">@lang('action.create')</a>
            @endpermission
        </th>
    </tr>
</thead>
<tbody>
    @foreach ($chunk as $table)
    <tr>
        <td class="text-center">{{ $table->getId() }}</td>
        <td class="text-center">{{ $table->getProperty() }}</td>
        <td class="text-center">
            @permission('manage-tables')
                <a class="btn btn-primary" href="{{ route('UpdateTable', ['id' => $table->getId()]) }}">@lang('action.update')</a>
            @endpermission
        </td>
    </tr>
    @endforeach

</tbody>
</table>

当$ tables的数量可以除以3(我想要的列数)时,我得到3个大块。如果没有,我得到3个块+其余的1或2个对象,它们都放在第4列中。我可以像在这里那样将它们水平放置,但是我觉得这很奇怪。阅读列表时,您将从上至下先阅读,然后从左至右阅读。

更新我也尝试过使用Huzaib Shafi建议的ceil()但后来我明白了

4 objects (funny looking)
1|3|
2|4|

5 objects (better looking)
1|3|5
2|4

这也不是我想要的100%,但非常接近它。接下来,我将尝试Homam Alhaytham的建议

胡扎伊布·沙菲(Huzaib Shafi)

当您floor得到除法结果时,您会得到较低的数字。

说明: floor(11/3)=3。因此,您的结果一次被分成3个块(导致; [3,3,3,2]),但是我们需要[4,4,3]。

因此,您需ceil要这样做。给你4,结果。

<?php $chunkSize = ceil(count($tables) / 3); ?>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将包含多列的结果分成两行

来自分类Dev

如何将正则表达式结果分成多列(Python)

来自分类Dev

如何将一个字段分成3个新列

来自分类Dev

将数据(动态结果)分成3列-PHP MySQL

来自分类Dev

如何将HTML列表分成多个列

来自分类Dev

熊猫:如何将列中的多个列表分成多行?

来自分类Dev

如何将字符串分成多列?

来自分类Dev

如何将文本分成两列?

来自分类Dev

如何将数据分成不同的列sql?

来自分类Dev

如何将 Bootstrap Modal 分成 4 列?

来自分类Dev

如何将列相乘并相加结果?

来自分类Dev

如何将列表分成几个部分

来自分类Dev

如何将大班分成小班?

来自分类Dev

如何将向量分成子集?

来自分类Dev

如何将日期列表分成几周

来自分类Dev

如何将URL分成多个部分

来自分类Dev

如何将[String]分成几行?

来自分类Dev

如何将ArrayList分成几组?

来自分类Dev

如何将文本分成段落?

来自分类Dev

如何将提交分成多个南瓜

来自分类Dev

如何将时间范围分成多行

来自分类Dev

如何将文本分成几行

来自分类Dev

如何将ViewModel分成多个?

来自分类Dev

如何将列表分成几列

来自分类Dev

如何将网页分成“部分”

来自分类Dev

如何将数字分成单个

来自分类Dev

如何将日期向量分成几天?

来自分类Dev

如何将间隔分成相等的部分

来自分类Dev

Python - 如何将数据分成多行