-1

jqueryプラグイン Stupid-tableを使用してテーブルを注文しています。テキストと数字は正しくソートされていますが、今度は01.jpg、02.jpg、および 03.jpg の3 つの画像を並べ替えます。私のテーブルのコードは次のとおりです。

<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>

この 3 つの画像をプラグインで注文する方法を教えてください。

4

1 に答える 1

0

画像を含むテーブル セルに を追加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);
    }
});

フィドル

于 2013-08-22T11:03:50.290 に答える