javascript - code in table vertically switch to horizontal

Question

look, I have in this block of code, a table with a foreach that gives me all the possibilities in the vertical, needed what happens if the horizontal, how can I do?

<table class="table">
                                <thead>
                                    <tr>
                                        <th scope="col">Tamanho</th>
                                        <th scope="col">Quantidade</th>
                                        <th scope="col">Estado</th>
                                    </tr>
                                </thead>
                                @foreach ($productionphase->productionphasesizes()->get() as $productionphasesize)
                                <tbody>        
                                    <tr>
                                        <th scope="row">{{ $productionphasesize->name }}</th>
                                        <td>{{ $productionphasesize->quantity }}</td>
                                        <td>
                                                <label class="checkbox checkbox-outline-danger">
                                                <input type="checkbox" /><span></span><span class="checkmark"></span>
                                                </label>                                    
                                        </td>           
                                    </tr>    
                                </tbody> 
                                @endforeach 
                            </table>

question from:https://stackoverflow.com/questions/65861446/code-in-table-vertically-switch-to-horizontal

Answer 1

Waitting for answers