Php 固定标题上方的滚动表
我试图有一个表格标题,在一个单独的div中保持不变,而div在nearth下可以滚动所有大的记录列表。两个div都位于名为Layer 3的div中。以下是我正在使用的css文件:Php 固定标题上方的滚动表,php,html,css,Php,Html,Css,我试图有一个表格标题,在一个单独的div中保持不变,而div在nearth下可以滚动所有大的记录列表。两个div都位于名为Layer 3的div中。以下是我正在使用的css文件: #第3层 { 位置:绝对位置; 宽度:89%; 身高:40%; 左:10%; 最高:56%; 背景色:#f1ffff; } #第3层h1{ 字号:中等; 颜色:#000033; 文字装饰:无; 文本对齐:居中; } .表格标题{ } .表格内容{ 溢出:自动; } 以及我用来生成html的部分php代码: echo
#第3层
{
位置:绝对位置;
宽度:89%;
身高:40%;
左:10%;
最高:56%;
背景色:#f1ffff;
}
#第3层h1{
字号:中等;
颜色:#000033;
文字装饰:无;
文本对齐:居中;
}
.表格标题{
}
.表格内容{
溢出:自动;
}
以及我用来生成html的部分php代码:
echo '<div id="tableheader" class="tableheader">';
echo "<h1>{$query} Auctions</h1>" . "\n";
echo "</div>";
echo '<div id="tablecontent" class="tablecontent">';
echo "<table border='0' width='100%'><tr>" . "\n";
echo "<td width='15%'>Seller ID</td>" . "\n";
echo "<td width='10%'>Start Date</td>" . "\n";
echo "<td width='75%'>Description</td>" . "\n";
echo "</tr>\n";
// printing table rows
foreach ($rows as $row)
{
$pk = $row['ARTICLE_NO'];
echo '<tr>' . "\n";
// table contens generated in here
echo '</tr>' . "\n";
}
}
echo "</div>";
echo';
echo“{$query}拍卖”。“\n”;
回声“;
回声';
“回声”。“\n”;
回显“卖方ID”。“\n”;
回显“开始日期”。“\n”;
呼应“描述”。“\n”;
回音“\n”;
//打印表行
foreach($行作为$行)
{
$pk=$row['ARTICLE_NO'];
回显“”。“\n”;
//在此处生成的表内容
回显“”。“\n”;
}
}
回声“;
我不确定我遗漏了什么,但tableheader似乎不是固定的,甚至与tablecontent不分离。您忘记了在主foreach()循环之后关闭
标记。div name不等于div id。#Layer3引用了一个id为Layer3的元素。只允许一个元素具有给定的id;所有ID必须是唯一的
别忘了关闭标签(表)
如果div#Layer3正在滚动其中的所有内容,那么它有一些溢出集。将其重新定义为溢出:隐藏在#Layer3样式中。您可能需要尝试使用边距和浮动来正确定位,但我将把它留给您。请允许我将您的问题归结为您感兴趣的简单元素。特别是,我将去掉所有的
节点。这是您最基本的表格:
<table>
<thead class="tableheader">
<tr>
<th>Seller ID</th>
<th>Start Date</th>
<th>Description</th>
</tr>
</thead>
<tbody class="scrolling">
<tr>
<td>28</td><td>25 January 2009</td><td>Hello World!</td>
</tr>
<tr> etc. </tr>
</tbody>
</table>
请注意,设置
display:block
的结果是您必须固定列的宽度…我已经指定了overflow:auto,并且它正在生成一个滚动条,尽管我没有指定高度,但表头正在滚动,这是我不理解的