如何在 HTML 网页中是想表格的第一行固定在页面顶部的效果

Posted 2023-04-24

参考技术A jsp页面锁定表格的第一行不动的方法是通过js实现的。
1、html代码如下：

<div class="clscroll corner-header">
<table>
<tr>
<th> </th>
</tr>
</table>
</div>
<div class="clscroll column-headers" id="clscroll-column-headers">
<table>
<tr>
<th>Bus</th>
<th>Plane</th>
<th>Boat</th>
<th>Bicycle</th>
</tr>
</table>
</div>
<div class="clscroll row-headers" id="clscroll-row-headers">本回答被提问者采纳

css让表格第一列和第一行固定

用css让表格左右移动滚动条的时候第一列固定，上下移动滚动条的时候第一行固定。并且浏览器兼容，麻烦提供全网页代码。

参考技术A 给你提供个思路：
第一行为一行多列的表格；
第一列为一列多行的表格；
剩下就是一个表格了。
然后把这些表格都放在一个div里面，并设置其样式追问

只能用一个表格。请提供源码。谢谢~！

参考技术B 相当于Excel的冻结。CSS不能实现这样的功能，尤其当表格的行列数非常多的时候不可能。 参考技术C

你可以让第一列第一行单独拿出来，然后下面是一个表格。

下面是我之前做的一个例子，你自己修改下就可以了兼容IE6。

追问

只能在同一个表格中，你这个只实现了上下移动，左右移动的时候，第一行是不动的，并且兼容浏览器。

追答

左右移动什么意思？
第一行是不动的的话怎么移动，请用专业术语说清楚，谢谢。

追问

就比如excel图片，我拖动上下移动滚动条的时候，第一行冻结，我拖动左右移动的滚动条时，A列冻结。这样清楚吗？