title: nested tables columns equal width
body: <p>I have a nested table and here's a working demo,</p>
  
  <p><a href="http://jsfiddle.net/ZWdA3/" rel="nofollow">http://jsfiddle.net/ZWdA3/</a></p>
  
  <pre><code>&lt;table class="table"&gt;
  &lt;tr class="accordion-toggle"  data-toggle="collapse" data-target="#test"&gt;
      &lt;td&gt;Some text&lt;/td&gt;
      &lt;td&gt;1337&lt;/td&gt;
      &lt;td&gt;Some text&lt;/td&gt;
      &lt;td&gt;Some text&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;div class="accordian-body collapse" id="test"&gt;
      &lt;table class="table"&gt;&lt;tr&gt;&lt;td&gt;Some text&lt;/td&gt;
      &lt;td&gt;1337&lt;/td&gt;
      &lt;td&gt;Some text 354325252352352&lt;/td&gt;
      &lt;td&gt;Some text&lt;/td&gt;&lt;/tr&gt;
       &lt;/table&gt;
      &lt;/div&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p></p>
  
  <p>It works fine but I need to have the child table columns to have the same width as the parent table.</p>
  
  <p>Is this possible?</p>