用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