Jquery tablesorter插件：試圖同時對2個索引進行排序

Question

我想知道是否可以使用tablesorter jquery的插件對2個索引進行排序。

我的表是建立，因爲它：

<table id="myTable"> 
<thead> 
    <tr> 
     <th align="left" width="40%">Nom fichier</th> 
     <th align="left">UO</th> 
     <th align="left">Nb pages</th> 
     <th align="left">D&eacute;lai&nbsp;</th> 
     <th align="left">Etat</th> 
     <th>Imprimer</th> 
</thead> 
<tbody> 
    <tr class="sectiontableentry2"> 
     <td valign="top" align="left" class=""> 
      <a href="#r1544790" id="r1544790">DI.DISLOT06.060312.103648.TE.MR510</a> 
     </td> 
     <td valign="top">ImpRV - Autres impressions recto-verso</td> 
     <td valign="top">1645.00</td> 
     <td valign="top" class="alertred">15/03/2012</td> 
     <td valign="top">Transfert Fichier vers PRISMA</td> 
     <td>imprimer</td> 
    </tr> 
    <tr style="display:none" id="1544790"> 
     <td colspan="6" width="100%"> 
      <table width="100%" cellpadding="0" cellspacing="0" class="det_suivi" style="display:block;text-align:left;"> 
       <tr> 
        <td colspan="3"><h4 style="text-align:left;">DI.DISLOT06.060312.103648.TE.MR510</h4></td> 
       </tr> 
       <tr> 
        <th>Log</th> 
        <th>Date heure</th> 
        <th>Etat</th> 
       </tr> 
       <tr class="sectiontableentry1"> 
        <td align="left">1 - reception + demande uo</td> 
        <td align="left">06/03/2012 10:35:00</td> 
        <td align="left">Bon � produire</td> 
       </tr> 
       <tr class="sectiontableentry0"> 
        <td align="left">2 - Transfert Fichier vers PRISMA</td> 
        <td align="left">06/03/2012 10:35:04</td> 
        <td align="left"></td> 
       </tr> 
      </table> 
     </td> 
    </tr> 



    <tr class="sectiontableentry2"> 
     <td valign="top" align="left" class=""> 
      <a href="#r1544790" id="r1544991">DI.DISLOT06.060312.103648.TE.MR769</a> 
     </td> 
     <td valign="top">ImpRV - Autres impressions recto-verso</td> 
     <td valign="top">1645.00</td> 
     <td valign="top" class="alertred">23/03/2012</td> 
     <td valign="top">Transfert Fichier vers PRISMA</td> 
     <td>imprimer</td> 
    </tr> 
    <tr style="display:none" id="1544991"> 
     <td colspan="6" width="100%"> 
      <table width="100%" cellpadding="0" cellspacing="0" class="det_suivi" style="display:block;text-align:left;"> 
       <tr> 
        <td colspan="3"><h4 style="text-align:left;">DI.DISLOT06.060312.103648.TE.MR769</h4></td> 
       </tr> 
       <tr> 
        <th>Log</th> 
        <th>Date heure</th> 
        <th>Etat</th> 
       </tr> 
       <tr class="sectiontableentry1"> 
        <td align="left">1 - reception + demande uo</td> 
        <td align="left">06/03/2012 10:35:00</td> 
        <td align="left">Bon � produire</td> 
       </tr> 
       <tr class="sectiontableentry0"> 
        <td align="left">2 - Transfert Fichier vers PRISMA</td> 
        <td align="left">06/03/2012 10:35:04</td> 
        <td align="left"></td> 
       </tr> 
      </table> 
     </td> 
    </tr> 


    <tr class="sectiontableentry2"> 
     <td valign="top" align="left" class=""> 
      <a href="#r1544790" id="r1544791">DI.DISLOT06.060312.103648.TE.MR999</a> 
     </td> 
     <td valign="top">ImpRV - Autres impressions recto-verso</td> 
     <td valign="top">1645.00</td> 
     <td valign="top" class="alertred">05/03/2012</td> 
     <td valign="top">Transfert Fichier vers PRISMA</td> 
     <td>imprimer</td> 
    </tr> 
    <tr style="display:none" id="1544791"> 
     <td colspan="6" width="100%"> 
      <table width="100%" cellpadding="0" cellspacing="0" class="det_suivi" style="display:block;text-align:left;"> 
       <tr> 
        <td colspan="3"><h4 style="text-align:left;">DI.DISLOT06.060312.103648.TE.MR999</h4></td> 
       </tr> 
       <tr> 
        <th>Log</th> 
        <th>Date heure</th> 
        <th>Etat</th> 
       </tr> 
       <tr class="sectiontableentry1"> 
        <td align="left">1 - reception + demande uo</td> 
        <td align="left">06/03/2012 10:35:00</td> 
        <td align="left">Bon � produire</td> 
       </tr> 
       <tr class="sectiontableentry0"> 
        <td align="left">2 - Transfert Fichier vers PRISMA</td> 
        <td align="left">06/03/2012 10:35:04</td> 
        <td align="left"></td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
</tbody> 
</table> 

我使用默認配置。

我的問題是

風格= 「顯示：無」

在表

：這是該行的詳細視圖內容

第一印出：正常 第二索引：第1個的詳細 第3個索引：正常 第4個索引：第3個的詳細 ...

默認排序日期例如將第一，第三，第五個索引放在上面，其餘放在最下面。

所以我想嘗試通過分組與第二指數第一排序...

我怎麼能這樣做？

TY :)

Answer 1

如果我理解你的要求，我想你只需要孩子行類名添加到隱藏的錶行。這裏是original demo，它有一個鏈接來下載它，但不要下載它，因爲它被合併到tablesorter version 2.0.5，它只是沒有記錄。

所以，基本上所有你需要做的就是將「expand-child」類添加到隱藏行。

$('table').tablesorter({ 
    cssChildRow: "expand-child" // default setting 
}); 

HTML

<tr class="expand-child" style="display:none" id="1544790"> 
... 
</tr> 

**注*：這是不建議有一個以數字開頭的元素ID，所以不是id="1544790"添加任何信的開頭：id="n1544790"（ref） 。