自动导航(滚动)到某个表格行

时间:2013-07-16 15:01:23

标签: html-table

我在一个简单的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>

谢谢!

1 个答案:

答案 0 :(得分:0)

首先,不要为每一行(mstrTable)提供相同的html id属性。每页Html ID应该是唯一的。 而是使用唯一ID标记表行,例如:

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

然后首先进行搜索查询,记住项目ID,找出应该查询的页面,查询整个页面,相应地将classess'greyedout'和'highlight'附加到行,然后你可以试试这个javascript函数向下滚动到项目:

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