특정 테이블 행으로 자동 이동 (스크롤)

Question

간단한 HTML 테이블의 몇 페이지에 몇 천 개의 레코드가있는 테이블이 있습니다. 한 가지만 제외하면 잘 작동하는 검색 기능을 만들었습니다 ... 하나의 결과 만 표시합니다 테이블에서 (그것이 작동한다는 것을 의미하는 것이기도합니다.)하지만 ... 중간에 검색하고 강조 표시 한 것과 함께 모든 레코드가있는 테이블을 다시 표시하는 방법이 있는지 궁금합니다.

<table class="nogap" cellpadding="1" bgcolor="#00000" cellspacing="1" style="margin:110px 0 0 5px; width:100%; border-color:#B6D6F6;" > 
    <tbody> 
    <?php include 'dbconn.php';?> 

    $con = mysqli_connect($host,$user,$pass,$db) or (header('Location: errorpage.php')); 

    if (mysqli_connect_errno($con)) { header('Location: errorpage.php'); } 

    $sql = "SELECT * FROM $tb1 ORDER BY (Serial_num +1) LIMIT $offset, $rowsperpage"; 
    $result = mysqli_query($con, $sql) or (header('Location: errorpage.php')); 
    $row = mysqli_num_rows($result); 

    while ($row = $result->fetch_assoc()) 
    { 

    $product = $row['Prod_type'].$row['Serial_num']; 

    <tr id="mstrTable" class="lovelyrow"> 
    <td width="5%"><?php echo $product;?></td> 
    <td width="5%"><?php echo $row['Customer'];?></td> 
    <td width="7%"> 
    <a href="#"  
     onmouseover="ajax_showTooltip(window.event,'getptn.php?prd=<?php echo $p;?>',this);return false" 
     onmouseout="ajax_hideTooltip()"> 
      <?php echo$row['Prod_info'];?> 
    </a> 
    </td> 
    </tr> 
} 
</table> 

감사 : 여기가 단순화 된 표입니다!

Answer 1

먼저 모든 행 (mstrTable)에 동일한 html id 속성을 지정하지 마십시오. HTML ID는 페이지마다 고유해야합니다. 예를 들어 고유 ID와 대신 마크 테이블 행 :

$html .= "<td id='row_".$row['id']."'>" 

그런 다음, 먼저 검색 쿼리를 수행 항목 ID 기억은 전체 페이지를 쿼리, 쿼리되어야 하는지를 페이지 파악 수업을 통해 강조 'greyedout'과 '첨부 '행에 따라 다음의 항목을 아래로 스크롤 자바 스크립트 기능이 시도 할 수 있습니다 :

https://developer.mozilla.org/en-US/docs/Web/API/element.scrollIntoView