嵌套表格列宽度相等

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

如果你真的想在这种情况下使用表，你应该将表格布局设置为fixed，并设置父表和子表的列宽。

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

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

查看您的updated fiddle。