2012-07-12 21 views
6

Estoy intentando filtrar una columna, según el nombre del archivo de imagen en el atributo src de la etiqueta.dataTables columna fnFilter en el nombre de archivo img

Mi fila se ve así:

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

estoy usando esta línea como el filtro:

table.fnFilter("bullet_yellow", 1); 

Cada otras obras Colum, y tengo diferentes filtros para la otra columna. Simplemente no funciona con este. ¿Alguna idea?

+0

Ese tipo de funcionalidad no está integrada en DataTables. Tendría que usar un plugin de filtrado personalizado. – joequincy

Respuesta

0

Quizás intente poner el src en una columna oculta y luego use esa columna para ordenar/filtrar. Tuve que ordenar una columna diferente porque mi segunda columna se convirtió en imágenes.

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

Para mí funcionó cuando me acaba de agregar el texto para filtrar en un span con display:none.

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

Solución agradable y simple. – Simon

Cuestiones relacionadas