javascript - nested tables columns equal width -


i have nested table , here's working demo,

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> 

it works fine need have child table columns have same width parent table.

is possible?

in case want use tables case, should set table layout fixed , set column width both parent , child tables.

.table {     table-layout: fixed;     width: 600px; }  .table > tr > td {     width: 150px; } 

see updated fiddle.


Comments

Popular posts from this blog

javascript - how to protect a flash video from refresh? -

android - Associate same looper with different threads -

visual studio 2010 - Connect to informix database windows form application -