画像で列を注文する

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>