2012-07-12 64 views
6

我想根据标记的src属性中的图像文件名来筛选列。dataTables img文件名上的fnFilter列

我行看起来是这样的:

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

我用这条线作为过滤器:

table.fnFilter("bullet_yellow", 1); 

每隔科拉姆作品,和我有不同的过滤器柱。只是不适用这个。有什么想法吗?

+0

这种功能没有内置到DataTable中。你必须使用自定义过滤插件。 – joequincy 2012-11-13 19:23:00

回答

0

也许尝试将src放入隐藏列中,然后使用该列进行排序/过滤。我不得不在另一列上排序,因为我的第二列被转换为图像。

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

对我来说,工作时,我刚刚加入到在spandisplay:none过滤的文本。

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

很好,简单的解决方案。 – Simon 2014-11-24 09:47:09