Laravel中如何将foreach循环数据拆分为4列表格

架构老林

2026-7-13

在Laravel中实现4列表格布局的两种方法

方法一：使用集合的`chunk`方法（推荐）

Laravel的集合自带chunk方法，能直接把数据按指定数量分组，每组对应表格的一行，实现起来最简洁：

<table>
    @foreach($items->chunk(4) as $row)
        <tr>
            @foreach($row as $item)
                <td>{{ $item->name }}</td> {{-- 替换成你的实际字段名 --}}
            @endforeach
            {{-- 补全最后一行不足4列的空单元格，避免布局错乱 --}}
            @for($i = count($row); $i < 4; $i++)
                <td></td>
            @endfor
        </tr>
    @endforeach
</table>

说明：

$items是你的数据集合（比如Model::all()或查询返回的集合）
chunk(4)会把集合拆成每个包含4个元素的子集合，每个子集合对应表格的一行
最后的@for循环用来填充最后一行的空缺单元格，保证每行都是4列结构

方法二：手动计数控制换行

如果不想依赖集合方法，也可以通过计数器判断何时换行：

<table>
    <tr>
        @php $count = 0; @endphp
        @foreach($items as $item)
            <td>{{ $item->name }}</td> {{-- 替换成你的实际字段名 --}}
            @php $count++; @endphp
            {{-- 每4个元素结束当前行，开启新行（排除最后一次循环，避免多生成空行） --}}
            @if($count % 4 == 0 && !$loop->last)
                </tr><tr>
            @endif
        @endforeach
        {{-- 补全最后一行的空单元格 --}}
        @for($i = $count % 4; $i > 0 && $i < 4; $i++)
            <td></td>
        @endfor
    </tr>
</table>

说明：