고정 헤더와 테이블 내용을 mysql에서 스크롤 할 수있게 만드는 방법

Question

이 테이블을 스크롤 가능하게 만들려면 어떻게해야합니까? 다른 코드를 시도했지만이 줄에 항상 문제가 발생합니다 : $avaya=mysql_query("SELECT * From avaya_pabx");. 내가 사용했던 다른 코드는 <td>을 울릴 때 문제가있었습니다. 여기

내 코드입니다 :에 적용

이

<div id="pageContent"> 

<title>Avaya PABX</title> 
<table class='hovertable'> 
<tr> 
<th width="31">---</th> 
<th width="12%">Critical Spare ID</th> 
<th width="11%">Serial No.</th> 
<th width="8%">Comcode</th> 
<th width="9%">Version</th> 
<th width="12%">Circuit Pack</th> 
<th width="13%">Classification</th> 
<th width="8%">Location</th> 
<th width="12%">Availability</th> 
<th width="5%">Date</th> 
<th width="7%">Client</th> 
</tr> 

<?php 

$avaya=mysql_query("SELECT * From avaya_pabx"); 

$alternate=0; 

while ($row=mysql_fetch_array($avaya)) 
{ 
$alternate++; 
if ($alternate==3) 
$alternate=1; 
echo "<tr class=class$alternate onmouseover=\"this.style.backgroundColor='#ffff66';\"   onmouseout=\"this.style.backgroundColor='#d4e3e5';\">"; 
echo "<td><font size=1><a href='deleteavaya.php?serial_no=" . $row['serial_no'] . "' onclick=\"return confirmdelete('$row[serial_no]')\">[Delete]</a></font></td>"; 
echo "<td>" . $row['critical_spare_id'] . "</td>"; 
echo "<td>" . $row['serial_no'] . "</td>"; 
echo "<td>" . $row['comcode'] . "</td>"; 
echo "<td>" . $row['version'] . "</td>"; 
echo "<td>" . $row['circuit_pack'] . "</td>"; 
echo "<td>" . $row['classification'] . "</td>"; 
echo "<td>" . $row['location'] . "</td>"; 
echo "<td>" . $row['availability'] . "</td>"; 
echo "<td>" . $row['date'] . "</td>"; 
echo "<td>" . $row['client'] . "</td>"; 
} 

?> 
</table> 

<style> 
#pageContent 
{ 
    width:100%; 
    height:18cm; 
    overflow:scroll; 
} 
</style> 

Answer 1

는 다음과 같은 CSS를 가지고 사업부의 내부에 새로운 테이블에 테이블 내용을 에코입니다 :

width:auto; /* or what you need it to be */ 
height: 500px; /* make this the size you want the data to be displayed in */ 
overflow: auto; /* this adds the scroll bars to the div when any data exceeds its hieght */