如何在滚动时使表头静态

如何在滚动时使表头静态

本文介绍了如何在滚动时使表头静态的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

这个问题已经出现了很多次。当我向下滚动时,我想让表格的标题固定下来,我该怎么做?我的表格代码如下所示:

 < table class =specifictableheight table table-striped> 
< h3> TEST< / h3>
< thead>
< tr>
< th> Places< / th>
< th>点击< / th>
< / tr>
< / thead>
< tbody>
<?php
foreach($ top3overRestaruants as $ key => $ value)
{
?>
< tr class =<?= $ isactive?'alert-success':'';?>>
< td><?= $ key?>< / td>

< td><?= $ value?>< / td>
< / tr>
<?php
}
?>
< / tbody>
< / table>


解决方案

简单:请先制作单独的div, id为那个div ei然后在css规则中制作#head {position:fixed;}
现在解决你的问题。

This issue has appeared many times. I want the table's title to be fixed when I scroll down, how can i do that? My code for the table looks like this

<table class="specifictableheight table table-striped">
<h3>TEST</h3>
<thead>
<tr>
<th>Places</th>
<th>Hits</th>
</tr>
</thead>
<tbody>
<?php
foreach ($top3overRestaruants as $key => $value)
{
?>
<tr class="<?= $isactive ? 'alert-success' : ''; ?>">
<td><?= $key ?></td>

<td><?= $value ?></td>
</tr>
<?php
}
?>
</tbody>
</table>
解决方案

Simple:please first make separate div for head and give id for that div e.i Then make in css rule #head{position:fixed;}Now solve your problem.

这篇关于如何在滚动时使表头静态的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

07-25 05:17