AND-filter (include rows where all search words is present).
This custom filter overrides the builtin filtering process. Each column in each row is compared with each search word.
$.fn.dataTableExt.afnFiltering.push(
function(oSettings, aData, iDataIndex) {
var keywords = $(".dataTables_filter input").val().split(' ');
var matches = 0;
for (var k=0; k<keywords.length; k++) {
var keyword = keywords[k];
for (var col=0; col<aData.length; col++) {
if (aData[col].indexOf(keyword)>-1) {
matches++;
break;
}
}
}
return matches == keywords.length;
}
);
forked fiddle -> http://jsfiddle.net/9d097s4a/
OR-filter (include rows where at least one of the search words is present). This is another approach, mostly an attempt to streamline this answer above. Instead of playing with oSearch
and hardcoded search terms, the default filtering event is replaced with an event that tokenizes the search phrase and then performs an advanced fnFilter()
. As optional experiment, the search is now only performed when the user hits enter - it feels somehow more natural.
var input = $(".dataTables_filter input");
input.unbind('keyup search input').bind('keypress', function (e) {
if (e.which == 13) {
var keywords = input.val().split(' '), filter ='';
for (var i=0; i<keywords.length; i++) {
filter = (filter!=='') ? filter+'|'+keywords[i] : keywords[i];
}
dataTable.fnFilter(filter, null, true, false, true, true);
// ^ Treat as regular expression or not
}
});
see demo -> http://jsfiddle.net/2p8sa9ww/