html table 如何绑定两行

Question

有一个table，有两行需要绑定在一起，该怎么做？如： 
<table> 
<tr><td>1</td><td>11</td></tr> 
<tr><td>12</td><td></td></tr> 
<tr><td>2</td><td>22</td></tr> 
<tr><td>21</td><td></td></tr> 
</table> 
若进行排序问题，第二行是第一行的详细，第四行是第三行的详细，排序是第二行必须随着第一行变动，并始终跟在第一行下面，第四和第三行也是一样，即两行需要绑定在一起变动，这样的话用JAVASCRIPT该怎么做？

Answer 1

<table> 
  <tr>
    <td>
       <table>
          <tr> <td>1 </td> <td>11 </td> </tr> 
          <tr> <td>12 </td> <td> </td> </tr> 
       </table> 
    </td>
  </tr>
  <tr>
    <td>
       <table>
          <tr> <td>1 </td> <td>11 </td> </tr> 
          <tr> <td>12 </td> <td> </td> </tr> 
       </table> 
    </td>
  </tr>
</table>这样行吗？
 

Answer 2

var bTr //简要信息所在的行的dom对象
首先你应该可以确保在页面加载的时候详细信息所在行一定是在简要信息所在行的后面。
function romSomeRow(trObj,goalIndex){
  var tableObj = trObj;
  while(tableObj.parentNode.tagName!="TABLE"){
   tableObj=tableObj.parentNode;
 }
  tableObj.moveRow(trObj.rowIndex,goalIndex);
  tableObj.moveRow(trObj.nextSibling.rowIndex,trObj.rowIndex+1);
}