嵌套表列寬度相等

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。