JQuery плагин TableSorter вторичный «скрытый» сортировки

Question

Я использую TableSorter плагин JQuery и у меня есть столбец, который содержит название месяца и года, как этот

April, 1975 
January, 2001 

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

Update

Эта вилка http://mottie.github.com/tablesorter/docs/index.html из TableSorter только то, что мне нужно; способность хранить значение для сортировки по атрибуту, отлично работала.

Answer 1

У меня есть вилка tablesorter, которая позволяет вам написать парсер, который может extract data attributes из ячейки таблицы, а также назначить конкретный textExtraction for each column.

$(function(){ 

    $.tablesorter.addParser({ 
    // set a unique id 
    id: 'myParser', 
    is: function(s) { 
     // return false so this parser is not auto detected 
     return false; 
    }, 
    format: function(s, table, cell, cellIndex) { 
     // get data attributes from $(cell).attr('data-something'); 
     // check specific column using cellIndex 
     return $(cell).attr('data-something'); 
    }, 
    // set type, either numeric or text 
    type: 'text' 
    }); 

    $('table').tablesorter({ 
    headers : { 
     0 : { sorter: 'myParser' } 
    } 
    }); 

}); 

Answer 2

Необходимо, чтобы write your own parser. Ваш парсер может выглядеть примерно так:

var months = {'January':1,'February':2, ...}; 
$.tablesorter.addParser({ 
    id: 'myDate', 
    is: function(s) { return false; }, 
    format: function(s) { 
     var x = s.split(', '); 
     return x[1]+'-'+months[x[2]]; 
    }, 
    type: 'numeric' 
}); 

Не проверено, но общая идея.

Answer 3

Просто используя функцию textExtraction. Задайте значение сортировки данных для ваших TD. По умолчанию используется обычный текст, если его нет.

$(".sort-table").tablesorter({ 
    textExtraction: function(node) { 
     var attr = $(node).attr('data-sort-value'); 
     if (typeof attr !== 'undefined' && attr !== false) { 
      return attr; 
     } 
     return $(node).text(); 
    } 
}); 

Answer 4

Это немного рубить (КИ, это общая хак), но если вы установите анализатор для столбца «текст», и предварительно исправить довольно выход с строкой, которую вы действительно хотите сортировать по скрытому диапазону, он будет сортироваться правильно.

Вы можете установить синтаксический анализатор в столбце с опцией headers, например. установить анализатор на первые и вторые столбцах «текст», вы бы установить следующее:

headers: {0: {sorter: 'text'}, : {sorter: 'text'} 

Чтобы сделать этот трюк с датами, вы можете использовать ISO8601 формат дату рассортировывающий лексический. Объекты JS Date могут генерировать строки даты ISO8601 через функцию toISOString().

Учитывая CSS:

span.hidden{ 
    display:none; 
} 

Образец ячейки таблицы будет выглядеть следующим образом:

<td><span class="hidden">2015-04-18T23:48:33</span>19 April 2015</td> 

Не самый красивый код в мире, но это делает работу.

Answer 5

Извините, что ответили на старый вопрос, но теперь это СТАНДАРТНАЯ ФУНКЦИЯ tablesorter, хотя по какой-то причине он не имеет документов. Если вы откроете файл https://github.com/christianbach/tablesorter/blob/master/jquery.tablesorter.js и посмотрите на строку # 307, вы увидите, что он поддерживает атрибут «сортировка данных».

Использование:

<td data-sort-value="42">Answer to the question</td> 

Answer 6

Я использую

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.29.0/js/jquery.tablesorter.min.js"></script> 

Работа с данными текстом

<td data-text="42">Answer to the question</td> 

не работает с данными сортировки стоимости

<td data-sort-value="42">Answer to the question</td>