首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在mysql中实现固定表头和表内容的滚动显示

如何在mysql中实现固定表头和表内容的滚动显示
EN

Stack Overflow用户
提问于 2012-04-30 11:13:07
回答 1查看 8K关注 0票数 0

如何使此表可滚动?我尝试过不同的代码,但我总是在这一行遇到一个问题:$avaya=mysql_query("SELECT * From avaya_pabx");。当我回显<td>时,我使用的其他代码出现了问题。

下面是我的代码:

代码语言:javascript
复制
<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>
EN

回答 1

Stack Overflow用户

发布于 2012-05-03 16:37:07

将表内容回显到div中的新表中,该div应用了以下css:

代码语言:javascript
复制
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 */
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10378072

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档