dataTables fnFilter cột trên img tên tệp

Question

Tôi đang cố gắng lọc cột, dựa trên tên tệp hình ảnh trong thuộc tính src của thẻ.

hàng của tôi trông như thế này:

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

Tôi đang sử dụng dòng này như bộ lọc:

table.fnFilter("bullet_yellow", 1); 

Mỗi công trình cột khác, và tôi có bộ lọc khác nhau cho khác cột. Chỉ cần không làm việc với điều này. BẤT K thoughts suy nghĩ nào?

Answer 1

Có thể thử đặt src vào một cột ẩn và sau đó sử dụng cột đó để sắp xếp/lọc. Tôi đã phải sắp xếp trên một cột khác nhau vì cột thứ hai của tôi đã được chuyển đổi thành hình ảnh.

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

Answer 2

Đối với tôi nó làm việc khi tôi chỉ cần thêm các văn bản để lọc cho trong một span với display:none.

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