Jqueryを使用してネストしたテーブルを並べ替える順序

Question

Jquery.innerを使用して内側のhtmlテーブルの行を並べ替えようとしています。htmlにはネストしたテーブルが含まれています。私は、子テーブルにして、子テーブルの行を並べ替える必要があり、親テーブルの行は、親テーブルで自分自身を並べ替える

マイ表階層には、以下のリンクhttp://jsfiddle.net/PcDPr/

を参照している私はalso..nothingネストされたテーブルのプラグインを使用し支援しています私は期待した結果を得られませんでした。

私は助けていただきありがとうございます。ここ

Answer 1

Hiya サンプルデモ：http://jsfiddle.net/T4Vh4/

はあなたと起動するには、あなたの例では<th>タグが不足しています。デモとテーブルソーターの実装を比較できるように、私はあなたに実例を与えました。 :)）

あなたが探しているものがあれば教えてください！

グッド読み取り：http://tablesorter.com/docs/

・ホープこのことができますし、素敵なものを持っている、これは:)を助けている場合、D'ええと答えを受け入れることを忘れないでください！

HTML

<table class="tablesorter"> 
    <thead> 
     <tr> 
      <th>Make</th> 
      <th>Model</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>Honda</td> 
      <td>Accord</td> 
     </tr> 
     <tr class="expand-child"> 
      <td colspan="2" style="padding: 0 30px 0 30px;"> 
       <table class="tablesorter-child"> 
        <thead> 
         <tr> 
          <th>Doors</th> 
          <th>Colors</th> 
         </tr> 
        </thead> 
        <tbody> 
         <tr> 
          <td>Honda 2-Door</td> 
          <td>Honda Red</td> 
         </tr> 
         <tr> 
          <td>Honda 4-Door</td> 
          <td>Honda Blue</td> 
         </tr> 
        </tbody> 
       </table> 
      </td> 
     </tr> 
     <tr> 
      <td>Toyota</td> 
      <td>Camry</td> 
     </tr> 
     <tr class="expand-child"> 
      <td colspan="2" style="padding: 0 30px 0 30px;"> 
       <table class="tablesorter-child"> 
        <thead> 
         <tr> 
          <th>Doors</th> 
          <th>Colors</th> 
         </tr> 
        </thead> 
        <tbody> 
         <tr> 
          <td>Toyota 2-Door</td> 
          <td>Toyota Yellow</td> 
         </tr> 
         <tr> 
          <td>Toyota 4-Door</td> 
          <td>Toyota Green</td> 
         </tr> 
        </tbody> 
       </table> 
      </td> 
     </tr> 
    </tbody> 
</table> 
​ 

jQueryのコード

$(document).ready(function() 
{ 
    $("table").tablesorter({selectorHeaders: '> thead > tr > th'}); 
}); 

​