Datatables 用图像排序列

是否可以对该图像列进行排序

回到我的更新，我只想对第一列（状态）进行排序

---

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

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

您可以在html代码中更新fiddle代码，如下所示，在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>

1.
2.
4.
3.

是否要对过滤器下拉列表元素值进行排序？或者表格列本身？我想对表格列进行排序。那么它与yadcf无关，请编辑您的问题/标记并等待。您需要在问题本身中提供更多信息/代码，减少对FIDLE的依赖

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