javascript - nested tables columns equal width -
i have nested table , here's working demo,
<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
Post a Comment