SEARCH TABLE DATA JAVA SCRIPT

————————————————————————

CDN

https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.js

————————————————————————

HTML 

<input type="text" id="search" placeholder="Search">

————————————————————————

JS (any column)

 $("#search").on("keyup", function() {

                var value = $(this).val();

                

                $("table tr").each(function(index) {

                    if (index !== 0) {

                        $row = $(this);

                        var text = $row.text();

                        

                        if (!text.includes(value)) {

                            $row.hide();

                        }

                        else {

                            $row.show();

                        }

                    }

                });

            });

————————————————————————

JS (first column)

$("#search").on("keyup", function() {

    var value = $(this).val();

    $("table tr").each(function(index) {

        if (index != 0) {

            $row = $(this);

            var id = $row.find("td:first").text();

            if (id.indexOf(value) != 0) {

                $(this).hide();

            }

            else {

                $(this).show();

            }

        }

    });

});​

http://jsfiddle.net/FranWahl/rFGWZ/