Плагин Jquery tablesorter: пытается отсортировать 2 индекса одновременно

Question

Мне хотелось бы узнать, можно ли получить сортировку для 2-го индекса с плагином jQuery.

Моя таблица построена как это:

<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> 

Я использую настройки по умолчанию.

Моя проблема не является

стиль = "дисплей: нет"

в таблице: это содержание деталировка ряда

первый Inde: нормальный второй индекс: деталь 1-го 3-й индекс: нормальный 4-й индекс: деталь 3-го ...

По умолчанию сортировка по дате, например, поместит 1-й, 3-й, 5-й индексы вместе сверху, а остальные внизу.

Так я хотел бы попробовать разобраться с помощью группировки 1-я 2-я с индексом ...

Как я мог сделать?

ти :)

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="1544790" добавить любую букву в начале: id="n1544790" (ref) ,