вложенные таблицы столбцы равной ширины

Question

У меня есть вложенные таблицы и вот работает демо,

http://jsfiddle.net/ZWdA3/

<table class="table"> 
<tr class="accordion-toggle" data-toggle="collapse" data-target="#test"> 
    <td>Some text</td> 
    <td>1337</td> 
    <td>Some text</td> 
    <td>Some text</td> 
</tr> 
<tr> 
    <div class="accordian-body collapse" id="test"> 
    <table class="table"><tr><td>Some text</td> 
    <td>1337</td> 
    <td>Some text 354325252352352</td> 
    <td>Some text</td></tr> 
    </table> 
    </div> 
</tr> 

Он отлично работает, но мне нужно, чтобы столбцы ребенка таблицы, чтобы иметь та же ширина, что и родительская таблица.

Возможно ли это?

Answer 1

Если вы действительно хотите использовать таблицы для этого случая, вы должны установить фиксированный формат таблицы и установить ширину столбца как для родительской, так и для дочерней таблиц.

.table { 
    table-layout: fixed; 
    width: 600px; 
} 

.table > tr > td { 
    width: 150px; 
} 

Обратитесь updated fiddle.