使用Stupid表插件对图像进行排序

Sorting images with Stupid-table-plugin

本文关键字：排序 图像 Stupid 插件 使用      更新时间：2023-09-26

我正在用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>

你能告诉我如何用插件订购这三张图片吗？

将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);
    }
});

小提琴

相关文章：