JavaScript HTML table search doesn't work

Asked Dec 17 '15 at 11:26

Active Dec 17 '15 at 11:49

Viewed 55 times

I'm trying to run following script that I've founded here, written by dfsq in my project.

var $rows = $('#table tr');
$('#search').keyup(function() {

    var val = '^(?=.*\\b' + $.trim($(this).val()).split(/\s+/).join('\\b)(?=.*\\b') + ').*$',
        reg = RegExp(val, 'i'),
        text;

    $rows.show().filter(function() {
        text = $(this).text().replace(/\s+/g, ' ');
        return !reg.test(text);
    }).hide();
});

It looks simple however I have a certain problem. It searches not in all cells in rows (looks random) and sometimes not whole words (also can't see any dependency).

For example if I have "banana" in my cell and I try to type "ban" it doesn't show anything, but when I type "ana" it shows the row. Any idea what can go wrong?

(I cannot comment there)

[edit] I'm generating the document from php script. It may be relevant...

edited May 23 '17 at 12:04

Community

asked Dec 17 '15 at 11:26

Niko

please write what have you tried. – Parth Trivedi Dec 17 '15 at 11:29
I've just copied the javascript code for now on. – Niko Dec 17 '15 at 11:31
There is no such issue, while searching using ban or ana when there is banana in cell. See: http://jsfiddle.net/parkashkumar37/7BUmG/3761/ – Parkash Kumar Dec 17 '15 at 11:45
I know, in jsfiddle it isn't, but in my project is, and I'm trying to guess why. – Niko Dec 17 '15 at 11:48
And I'm using the other code. (Edited) – Niko Dec 17 '15 at 11:50

JavaScript HTML table search doesn't work

0 Answers0