<apex:page id="Page" sidebar="false">
<apex:includeScript value="{!URLFOR($Resource.JQuery, 'jquery-2.0.0.min.js')}" />
<style type="text/css">
.freezeTd {
vertical-align: middle;
font-size: 10px;
background-color: white;
}
#scrollid table tr td {
vertical-align: middle;
height: 30px;
text-align: center;
border: 0.5px solid #A9A9A9;
}
</style>
<div style="overflow-x:scroll; overflow-y: scroll;width:500px;height:150px;" id="scrollid">
<table cellspacing="0" cellpadding="0" style="width:120%;margin-top:5px;">
<tr class="freezeTr">
JQuery实现table固定首行首列
于 2018-03-20 11:40:05 首次发布
这篇博客介绍如何使用JQuery来实现表格在滚动时保持首行和首列固定的效果。通过监听div的滚动事件,调整首行和首列的CSS属性,确保它们在滚动过程中始终可见。
摘要由CSDN通过智能技术生成