2015-05-06 2 views
2

Я использую jquery tablesorter. Я могу сортировать все столбцы, но я хочу сохранить тип сортировки при следующем посещении страницы. Как я могу это сделать? потому что я также хочу сортировать таблицу в порядке возрастания при загрузке, давайте предположим в первый раз или если сортировка не будет выполнена.Как я могу сохранить сортировку, используя jquery tablesorter?

Следующий мой код.

<script> 
$(document).ready(function() { 
// call the tablesorter plugin 
$("table").tablesorter({ 
    // change the multi sort key from the default shift to alt button 
    sortMultiSortKey: 'altKey' 
    }); 
}); 

</script> 

HTML, заключается в следующем

<table cellspacing="1" class="tablesorter">    
<thead>> 
    <tr> 
     <th>first name</th> 
     <th>last name</th> 
     <th>age</th> 
     <th>total</th> 
     <th>discount</th> 
     <th>date</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
     <td>peter</td> 
     <td>parker</td> 
     <td>28</td> 
     <td>$9.99</td> 
     <td>20%</td> 
     <td>jul 6, 2006 8:14 am</td> 
    </tr> 
    <tr> 
     <td>john</td> 
     <td>hood</td> 
     <td>33</td> 
     <td>$19.99</td> 
     <td>25%</td> 
     <td>dec 10, 2002 5:14 am</td> 
    </tr> 
    <tr> 
     <td>clark</td> 
     <td>kent</td> 
     <td>18</td> 
     <td>$15.89</td> 
     <td>44%</td> 
     <td>jan 12, 2003 11:14 am</td> 
    </tr> 
    <tr> 
     <td>bruce</td> 
     <td>almighty</td> 
     <td>45</td> 
     <td>$153.19</td> 
     <td>44%</td> 
     <td>jan 18, 2001 9:12 am</td> 
    </tr> 
    <tr> 
     <td>bruce</td> 
     <td>evans</td> 
     <td>22</td> 
     <td>$13.19</td> 
     <td>11%</td> 
     <td>jan 18, 2007 9:12 am</td> 
    </tr> 
</tbody> 

ответ

2

Я не могу сказать, если вы используете происхождения TableSorter (v2.0.5) или мою вилку TableSorter. В любом случае, вам нужно установить sortList option применить первоначальный вид к столу

$(function(){ 
    $("table").tablesorter({ 
    sortList : [[1,0], [2,1]] // initial sort columns (2nd and 3rd) 
    }); 
}); 

sortList использует этот формат:

[[columnIndex, sortDirection], ... ] 
  • columnIndex является индекс столбца с нуля.
  • sortDirection, установленный в 0 (ноль), применяется по возрастающей сортировке, а 1 (один) применяет нисходящую сортировку к столбцу.
  • Добавить несколько типов столбцов в виде массива в массиве. Поэтому приведенный выше пример применит восходящую сортировку ко второму столбцу, а затем применит нисходящую сортировку к третьему столбцу.