Сортировка изображений с помощью Stupid-table-plugin

Question

Я заказываю таблицу с jquery плагин Stupid-table. Текст и цифры отсортированы правильно, но теперь я хочу заказать три изображения: 01.jpg, 02.jpg и 03.jpg. Код для моей таблицы выглядит следующим образом:

<table id="ranking"> 
<thead> 
    <tr> 
     <th data-sort="string">Name</th> 
     <th data-sort="medall">Medal</th> 
     <th data-sort="string">Año</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
     <td>Belmonte, Frank</td> 
     <td><img src="01_medal_gold.png" alt="Gold"></td> 
     <td>2012</td> 
    </tr> 
    <tr> 
     <td>Smith, Adam</td> 
     <td><img src="02_medal_silver.png" alt="Silver"></td> 
     <td>2009</td> 
    </tr> 
    <tr> 
     <td>Riva, Emma</td> 
     <td><img src="03_medal_bronze.png" alt="Bronze"></td> 
     <td>2013</td> 
    </tr> 
</tbody> 
</table> 

Не могли бы вы рассказать мне, как я могу заказать эти три изображения с помощью плагина?

Answer 1

Добавить data-sort-value="..." в ячейки таблицы с изображениями, а затем добавить для этого типа алгоритм пользовательского сортировки.

<tr> 
    <td>Riva, Emma</td> 
    <td data-sort-value="3"><img src="03_medal_bronze.png" alt="Bronze"></td> 
    <td>2013</td> 
</tr> 

.

$("table").stupidtable({ 
    medall: function(a, b) { 
     // sort algorithm... 
     return parseInt(a, 10) - parseInt(b, 10); 
    } 
}); 

fiddle