2014-05-21 4 views
1

Я пытаюсь сортировать таблицу, которая может иметь более 2-х столбцов (Datetime, Имя, E-mail и т.д.)Motools HTMLTable Сортировка - Secondary сортировка

Я использую MooTools HTMLTable сортировки для сортировки столбцов. Но когда я сортирую имя, ни один из остальных столбцов не сортируется. Как можно сделать работу вторичного столбца сортировки?

Пример: (Когда я сортировки по колонке имя, столбец даты и времени выходит из Вак)

5/08/2014 09:51:18 AM | Adam | [email protected] 
5/12/2014 03:51:28 PM | Adam | [email protected] 
5/10/2014 04:51:38 AM | Adam | [email protected] 
5/07/2014 04:23:21 AM | Adam | [email protected] 
5/11/2014 06:51:48 PM | Dave | [email protected] 
5/09/2014 10:51:58 AM | Dave | [email protected] 

Я пытался делать вторичный вид со столбцом даты и времени, но ничего не происходит.

HTML:

<table id="report_table"> 
    <thead> 
    <tr> 
     <th>Date/time</th> 
     <th>Name</th> 
     <th>Email</th> 
    <tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td>5/08/2014 09:51:18 AM</td> 
     <td>Adam</td> 
     <td>[email protected]</td> 
    </tr> 
    <tr> 
     <td>5/12/2014 03:51:28 PM</td> 
     <td>Adam</td> 
     <td>[email protected]</td> 
    </tr> 
    <tr> 
     <td>5/10/2014 04:51:38 AM</td> 
     <td>Adam</td> 
     <td>[email protected]</td> 
    </tr> 
    <tr> 
     <td>5/07/2014 04:23:21 AM</td> 
     <td>Adam</td> 
     <td>[email protected]</td> 
    </tr> 
    <tr> 
     <td>5/11/2014 06:51:48 PM</td> 
     <td>Dave</td> 
     <td>[email protected]</td> 
    </tr> 
    <tr> 
     <td>5/09/2014 10:51:58 AM</td> 
     <td>Dave</td> 
     <td>[email protected]</td> 
    </tr> 
    </tbody> 
</table> 

Javascript:

var sortableTable = new HtmlTable($('report_table'), {sortable: true,  sortIndex : 1}); 
sortableTable.sort(0, false, false); 

EDIT: Добавлен HTML, а также. Если я просто сортирую столбец datetime, он сортируется нормально, но это не очень хорошо, только если вторичная сортировка указана на дату/время.

Любая помощь действительно поможет.

+0

Вы возможно, внесите свой HTML-код? – Sergio

+0

Привет @Sergio Я добавил HTML. Спасибо ! – Nash3man

ответ

1

Удалить sortIndex вариант и использовать метод sort, чтобы указать первичный и вторичный сортировки, как описано в documentation. Mootools будет помнить параметры сортировки для столбцов даже после того, как пользователь нажимает на thead, чтобы прибегнуть к таблице.

var sortableTable = new HtmlTable($('report_table'), { sortable: true }); 
sortableTable.sort(0, false, true); 
sortableTable.sort(1, false, false); 
Смежные вопросы