'Filtering an html table containing several pages

I am new in javascript and I would like to filter the first column of my HTML table. This my table is having 1075 pages, and my javascript code is searching project name only on the current page instead of the whole pages of the table. I don't know how to do it.

<script type="text/javascript">
    function myFunction() {
        var input, filter, table, tr, td, i, txtValue;
        input = document.getElementById("myInput");
        filter = input.value.toUpperCase();
        table = document.getElementById("table1");
        tr = table.getElementsByTagName("tr");
        for (i = 0; i < tr.length; i++) {

            td = tr[i].getElementsByTagName("td")[0];
            if (td) {
            txtValue = td.textContent || td.innerText;
                if (txtValue.toUpperCase().indexOf(filter) > -1) {
                    tr[i].style.display = "";
                 } else {
                    tr[i].style.display = "none";
      }
    }
  }
}

</script>

My table

Please assist me.

javascripthtml


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions