固定ヘッダーでテーブルをスクロールできるようにする方法と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を持っているのdivの内側に新しいテーブルにテーブルの内容をエコーされます。

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 */