嵌套表列等宽答案

【问题标题】：nested tables columns equal width嵌套表列等宽
【发布时间】：2014-09-10 14:08:05
【问题描述】：

我有一个嵌套表，这是一个工作演示，

<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>

它工作正常，但我需要让子表列与父表具有相同的宽度。

这可能吗？

【问题讨论】：

标签： javascript css twitter-bootstrap nested css-tables

【解决方案1】：

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

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

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

查看您的updated fiddle。

【讨论】：