訂購含圖像的列

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>