嵌套表列宽度相等

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。