Javascript 如何从同一html表的多个页面中筛选数据

我使用下面的脚本从表中搜索数据，当搜索到的数据在同一页上时，这可以正常工作，但当数据在第2页上，我在第1页上搜索时，它不会显示任何结果。我每页显示25行表格，因为它可以有1000行。现在我在第2页（第26-50行），我搜索第1页的内容，然后它将不会返回任何结果

<div align="center">  
<input type="text" name="search" id="myInput" class="form-control" onkeyup="searchTable()"/>  
</div>  
//Pagination Code
$results_per_page = 25;
$number_of_results = mysqli_num_rows($sqldata);
$number_of_pages = ceil($number_of_results/$results_per_page);
if (!isset($_GET['page'])){
$page = 1;
}else{
$page = $_GET['page'];
}
$this_page_first_result = ($page-1)*$results_per_page;
$sqlget = "SELECT * FROM programteamtable LIMIT ".$this_page_first_result . ',' . $results_per_page;
$sqldata = mysqli_query($dbcon,$sqlget);
while ($row= mysqli_fetch_array($sqldata, MYSQLI_ASSOC)) {
echo "<tr><td style='width: 150px; border: 1px solid black;'>";
echo $row['dispID'];
//More Columns
}

<script>
function searchTable() {
    var input, filter, found, table, tr, td, i, j;
    input = document.getElementById("myInput");
    filter = input.value.toUpperCase();
    table = document.getElementById("programteamtable");
    tr = table.getElementsByTagName("tr");
    for (i = 0; i < tr.length; i++) {
        td = tr[i].getElementsByTagName("td");
        for (j = 0; j < td.length; j++) {
            if (td[j].innerHTML.toUpperCase().indexOf(filter) > -1) {
                found = true;
            }
        }
        if (found) {
            tr[i].style.display = "";
            found = false;
        } else {
            tr[i].style.display = "none";
        }
    }
}
</script>

//分页代码
每页$results\u=25；
$number_of_results=mysqli_num_行（$sqldata）；
$number_of_pages=ceil（$number_of_results/$results_per_pages）；
如果（！isset（$\u GET['page']））{
$page=1；
}否则{
$page=$_GET['page']；
}
$this_page_first_result=（$page-1）*$results_每页；
$sqlget=“从programteamtable LIMIT中选择*。$this\u page\u first\u result.”，”$每页的结果；
$sqldata=mysqli_查询（$dbcon，$sqlget）；
而（$row=mysqli\u fetch\u数组（$sqldata，mysqli\u ASSOC））{
回声“；
echo$row['dispID']；
//更多栏目
}
函数searchTable（）{
var输入，过滤器，发现，表格，tr，td，i，j；
输入=document.getElementById（“myInput”）；
filter=input.value.toUpperCase（）；
table=document.getElementById（“programteamtable”）；
tr=table.getElementsByTagName（“tr”）；
对于（i=0；i-1）{
发现=真；
}
}
如果（找到）{
tr[i].style.display=“”；
发现=错误；
}否则{
tr[i].style.display=“无”；
}
}
}

行

table=document.getElementById（“programteamtable”）必须仅检索当前页中的行。您应该在分页之前搜索原始数据集。否则，您应该指定用于分页的方式。只添加了分页代码通过使用基于mysql的分页，您无法使用javascript搜索整个列表。您可以将搜索脚本更改为从数据库中搜索，或者从数据库中检索所有值，并使用javascript进行分页。但是为什么要重新发明轮子呢？为什么不直接使用数据表呢？因为我不知道如何连接搜索框和数据库表，有没有参考文章？这可以帮助行
table=document.getElementById（“programteamtable”）必须仅检索当前页中的行。您应该在分页之前搜索原始数据集。否则，您应该指定用于分页的方式。只添加了分页代码通过使用基于mysql的分页，您无法使用javascript搜索整个列表。您可以将搜索脚本更改为从数据库中搜索，或者从数据库中检索所有值，并使用javascript进行分页。但是为什么要重新发明轮子呢？为什么不直接使用数据表呢？因为我不知道如何连接搜索框和数据库表，有没有参考文章？这会有帮助