dataTables imgファイル名のfnFilter列

Question

タグのsrc属性のイメージファイル名に基づいて、列をフィルタリングしようとしています。

私の行は次のようになります。

table.fnFilter("bullet_yellow", 1); 

他のすべてのcolumの作品、と私は他のために異なるフィルタを持っている：私はフィルタとしてこのラインを使用してい

<tr class="unread odd"> 
    <td class=" "><input type="checkbox" name="r28416" value="1"></td> 
    <td class=" "><img src="img/icons/bullet_yellow.png" alt="A" title="A"></td> 
    <td class="nw ">Non-Lu</td> 
    <td class=" "><a class="fancybox" href="tpl/laboratoires/details.php?id=28416">J9121702</a></td> 
    <td class=" ">Data</td> 
    <td class=" ">378192</td> 
    <td class=" ">John Doe</td> 
    <td class=" ">DOEJ54161235</td> 
    <td class="nw sorting_1">2012-07-12 12:02</td> 
    <td class=" ">0</td> 
    <td class=" ">40</td> 

カラム。ちょうどこの1つで動作しません。何かご意見は？

Answer 1

おそらく、隠しカラムにsrcを入れて、そのカラムを使ってソート/フィルタをかけてみてください。私は2番目の列が画像に変換されたので、別の列に並べ替えなければなりませんでした。私にとって

aoColumns: [ 
{"sType": "html", "bSortable": true}, 
{"iDataSort": 2, "bSortable": true, "bUseRendered":false}, 
{"bVisible": true, "sType": "numeric"} 
] 

Answer 2

私はちょうどdisplay:noneとspanにするためにフィルタリングするテキストを追加したときにそれが働きました。

<td class=" "> 
    <img src="img/icons/bullet_yellow.png" alt="A" title="A"> 
    <span style="display:none;">bullet_yellow</span>` 
</td>