css div отключить таблицу строк colspan

Question

Есть ли способ сделать сборную строку colspanned для числа столбцов? Или, по крайней мере, иметь полную ширину в таблице div? Я наткнулся на this, но, похоже, это не помогает.

Здесь вы можете ознакомиться здесь с полным кодом здесь jsfiddle.

<div class="div-table"> 
<div class="div-heading"> 
    <div>Head 1</div> 
    <div>Head 2</div> 
    <div>Head 3</div> 
    <div>Head 4</div> 
    <div>Head 5</div> 
    <div>Head 6</div> 
</div> 
<div class="div-row"> 
    <div class="cell">col 1</div> 
    <div class="cell">col 2</div> 
    <div class="cell">col 3</div> 
    <div class="cell">col 4</div> 
    <div class="cell"><a href="#row1" data-toggle="collapse" aria-expanded="false" aria-controls="row1">col 5</a> 

    </div> 
    <div class="cell">col 6</div> 
</div> 
<div class="div-row div-row-collapsible"> 
    <div class="collapse text-center" id="row1">must be full width</div> 
</div>