javascript - 使用嵌套表对齐问题的 TreeView

Question

我需要在表格中显示分层 TreeView 。单击展开时，我试图在父表中创建一个表。子表列没有正确对齐，即使我使用 css 给出了相同的 td 宽度..

在下图中 ( http://i60.tinypic.com/352qm2u.jpg ) 红色线条显示了列引用，其中子 tds 内容必须出现..但内容以分散的方式出现..

使用的 HTML

<tr class="shaded">
<td>
    <span><input type="checkbox" /></span>
</td>
<td>
    <span ><img src="></span>
</td>
<td>Q1</td><td>785-061 - SHEATH1</td><td>PUMAfinal221 products</td>
</tr>
<tr>
 <td></td>
  <td colspan="999">
    <div style="height: 180px;overflow-y: auto;">
       <table id="tblProducts185346" >
           <tbody >
             <tr >
               <td><input type="checkbox" ></td>
              <td>Q1</td><td>785-061 - SHEATH1</td><td>PUMAfinal221                         products</td>
            </tr>
          </tbody>
       </table>
    </div>
</td>
</tr>
 ...... ``

关于如何解决这个问题有什么想法吗？

Answer 1

我写了一个 javascript 方法来根据源表 td 设置目标表 tds 宽度..

感谢 BigRabbit 的回复..

function FormatTable(src, target) {
  var count=0;
  $(src + ' tr:nth-child(2)').eq(0).children("td").each(function() {
      $(target + ' tr:first-child').eq(0).children("td")[count].width = $(this).css("width"); //this.offsetWidth+'px';
      count = count + 1;
    }
  });
}