mostrar datos en una tabla correctamente

[0o_shelak_o0]

buenas a todos!, tengo un pequeño problema, la consulta que realizo es:

Código:

select * from articulos inner join articulos_cajas on articulos.idArticulo = articulos_cajas.idArticulo inner join cajas on articulos_cajas.idCaja = cajas.idCaja order by cajas.caja

y despues de ponerlo en una tabla asi:

Código HTML:

<table border="1" name="tablaCajas" class="bordered">
            
            @foreach($caja as $cajas)
            <thead>
                <tr class="impar">
                    <th colspan='6'>Caja {{ $cajas->caja }}</th>
                </tr>
            </thead>
                <tr class="impar">
                    <th>Fecha</th>
                    <th>Codigo</th>
                    <th>Nombre</th>
                    <th>Precio</th>
                    <th>Cantidad</th>
                    <th>Opciones</th>
                </tr>   
            <tr class="par">
                <td>{{ $cajas->fecha }}</td>
                <td>{{ $cajas->codigoArticulo }}</td>
                <td>{{ $cajas->nombre }}</td>
                <td>{{ $cajas->precio }}</td>
                <td>{{ $cajas->cantidad }}</td>
                <td><a href="#"><img src="images/borrar.png" /></a><a href="#"><img src="images/editar.png" /></a></td>
            </tr>
            @endforeach
        </table> 

esta claro que de esta forma me muestra los datos asi:


como puedo ponerlo para que me muestre la consulta de esta manera?



gracias!