I am using jQuery DataTables (http://www.datatables.net/) to display some tabular data. The search/ filter is a powerful feature. Although if multiple keywords are searched
The same but triggering search on "every" key press instead of pressing enter:
var dataTable = $('table').dataTable();
var input = $(".dataTables_filter input");
input.unbind('keyup search input').bind('keyup',
function(e) {
if (input.val().length > 0) {
var keywords = input.val().trim().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
} else if (input.val().length == 0) {
dataTable.fnFilter(" ", null, true, false, true, true);
}
});
OR SEARCH
A
B
C
D
0 0 0 10
0 5 0 0
0 0 0 0
2 0 0 10
0 0 9 10
0 0 99 0
var dataTable = $('#your_datatable').dataTable();
var input = $(".dataTables_filter input");
input.unbind('keyup search input').bind('keyup',
function(e) {
if (input.val().length > 0) {
var keywords = input.val().trim().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
} else if (input.val().length == 0) {
dataTable.fnFilter(" ", null, true, false, true, true);
}
});