階層的なhtmlテーブル、次の行に最後のtdを置く

Question

htmlとCSSで単純な階層テーブルを作成しています。次の行にある.childクラスの最後のtd要素の書式設定に問題があります。私は各テーブルbecase table > tr > td.child内部のネストした表を持ちたい

をソートすることができるとJavaScriptソーターは、行の任意のグループ化を実装していない（入れ子になったテーブルを持っていることの私の問題は簡単しかし、次table > trに.child > table要素を動かすことによって解決することができ

td.childをCSSで次の行に挿入する方法はありますか？

HTMLサンプル：

<table> 
    <tr> 
     <td>I have</td> 
     <td>1</td> 
     <td>pie</td> 
     <td class="child"> 
      <table> 
       <tr> 
        <td>I have</td> 
        <td>1</td> 
        <td>pie</td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
</table> 

Answer 1

あなたが何かlike thisを行うことができます。クロスブラウザには注意が必要です（Chromeでのみチェックされています）