订购带有图像的列

Question

可以对此图像列进行排序吗？

返回我更新的fiddle，我想要的是以某种方式对第一列（状态）进行排序。

Thanks in advance again.

Answer 1

根据列中存在的文本对执行的数据表进行排序。它没有考虑是否存在任何图像。

您可以尝试在颜色代码中添加一些字母或数字，同时隐藏这些文本。

您可以在放置图片的html代码中更新您的小提琴代码。

<td>
  <img src='http://lab.onclud.com/psm/blackcircle.png' class='black' />
  <label style="display: none;">1</label>
</td>

<td>
  <img src='http://lab.onclud.com/psm/redcircle.png' class='red' />
  <label style="display: none;">2</label>
</td>

<td>
  <img src='http://lab.onclud.com/psm/greencircle.png' class='green' />
  <label style="display: none;">4</label>
</td>

<td>
  <img src='http://lab.onclud.com/psm/yellowcircle.png' class='yellow' />
  <label style="display: none">3</label>
</td>