Como mostrar os dados como pretendo

[klasss]

Olá a todos, 
Estou com uma grande dificuldade e não estou a perceber como dar a volta a situação.

Quero mostrar dados da seguinte forma: (Neste momento estou a usar o Foreach apenas para experimentar depois irei acrescentar mais um. Para ficar numa tabela usei um datatable)

Capitulo1
--Documento1

--Documento1

--Documento1

Capitulo2

--Documento2

--Documento2
 

Vai existir um foreach para o capitulo e outro para os documentos. 

<div class="card shadow mb-4">

<div class="card-body">
  <div class="table-responsive">
    <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
      <thead>
               @foreach($itens as $item)
                    <tr>
                        <th> {{$item->capitulo}} </th>
                        
                        

                    </tr>
                      
                </thead>

                <tbody>
                
                <tr>
                    <td> teste </td>
         
                    
                </tr>    

                </tbody>
                @endforeach  
            </table>
        </div>    
    </div>
</div>

</div>

Caso o que queira fazer não faz qualquer tipo de sentido e me consigam explicar outra forma de mostrar os dados agradecia. 
 

Edited April 13, 2021 at 04:38 PM by klasss

[M6]

Não sei se percebi muito bem a tua dúvida, mas o foreach dos documentos deve englobar o tr. Algo assim:

<div class="card shadow mb-4">

<div class="card-body">
  <div class="table-responsive">
    <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
      <thead>
               @foreach($itens as $item)
                    <tr>
                        <th> {{$item->capitulo}} </th>                                               

                    </tr>
                      
                </thead>

                <tbody>
                
                 @foreach($captitulos as $capitulo)
                <tr>
                    <td> nome capitulo </td>
         
                </tr>    
                @endforeach  

                </tbody>
                @endforeach  
            </table>
        </div>    
    </div>
</div>

</div>