Плагин Jquery TableSorter: пытается отсортировать 2 индекса одновременно - PullRequest
Новая
       24

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

0 голосов
/ 26 марта 2012

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

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

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

Я использую конфигурацию по умолчанию.

Моя проблема в таблице

style = "display: none"

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

1-й индекс: обычный 2-й индекс: фрагмент 1-го индекса 3-й индекс: нормальный 4-й индекс: фрагмент 3-го ...

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

Итак, я хотел бы попытаться отсортировать, сгруппировав 1-й по 2-му индексу ...

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

ты:)

1 Ответ

0 голосов
/ 27 марта 2012

Если я понимаю, что вы спрашиваете, я думаю, вам просто нужно добавить имя класса дочерних строк в скрытые строки таблицы.Вот оригинальная демоверсия , в которой есть ссылка для ее загрузки, но не скачивайте ее, потому что она была объединена в tableorter версии 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 ).

...