jsp表头固定

最新推荐文章于 2021-02-17 17:16:05 发布
原创 最新推荐文章于 2021-02-17 17:16:05 发布 · 605 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jsp #class #microsoft #generator #border #table

该博客介绍了如何使用CSS实现jsp表格中表头固定的显示效果，以保持在滚动时表头始终可见。通过设置相对定位、固定高度和宽度、以及表达式来调整元素位置，确保表头在数据区域滚动时保持固定。

<HTML> 
<HEAD> 
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">  
<style type="text/css">  
       .FixedTitleRow  
         {  
             position: relative;   
             top: expression(this.offsetParent.scrollTop-2);   
             z-index: 10;  
            background-color: #E6ECF0;  
        }  
  
         .FixedTitleColumn  
         {  
             position: relative;   
             left: expression(this.parentElement.offsetParent.scrollLeft-2);  
         }  
           
        .FixedDataColumn  
         {  
             position: relative;  
             left: expression(this.parentElement.offsetParent.parentElement.scrollLeft-2);  
             background-color: #E6ECF0;  
         }  
  
 </style> 
  
 </HEAD> 
 <BODY> 
 <div style="width:800px;height:560px;overflow-x:auto;overflow-y:no">  
     <Table border=1>  
         <tr class="FixedTitleRow">  
             <th class="FixedTitleColumn" colspan="2">xxxx1</th>
    <th class="FixedTitleColumn">xxxx2</th>
             <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
    <th class="">th4</th>
         </tr> 
         <tr> 
             <td class="FixedDataColumn">xxxxyyyy</td> 
             <td class="FixedDataColumn">xxxxyyyy</td> 
             <td class="FixedDataColumn">xxxxyyyy</td>  
             <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
         </tr>
   <tr> 
             <td class="FixedDataColumn" rowspan="19">xxxxyyyy</td> 
             <td class="FixedDataColumn" rowspan="19">xxxxyyyy</td> 
             <td class="FixedDataColumn">xxxxyyyy</td>  
             <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
         </tr>
   <tr> 
 
             <td class="FixedDataColumn">xxxxyyyy</td>  
             <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
         </tr>
   <tr> 
 
             <td class="FixedDataColumn">xxxxyyyy</td>  
             <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
         </tr>
   <tr> 

             <td class="FixedDataColumn">xxxxyyyy</td>  
             <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
         </tr>
   <tr> 
 
             <td class="FixedDataColumn">xxxxyyyy</td>  
             <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
         </tr>
   <tr> 
 
             <td class="FixedDataColumn">xxxxyyyy</td>  
             <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
         </tr>
   <tr> 
 
             <td class="FixedDataColumn">xxxxyyyy</td>  
             <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
         </tr>
   <tr> 
 
             <td class="FixedDataColumn">xxxxyyyy</td>  
             <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
         </tr>
   <tr> 
 
             <td class="FixedDataColumn">xxxxyyyy</td>  
             <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
         </tr>
   <tr> 
 
             <td class="FixedDataColumn">xxxxyyyy</td>  
             <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
         </tr>
   <tr> 
   
             <td class="FixedDataColumn">xxxxyyyy</td>  
             <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
         </tr>
   <tr> 
  
             <td class="FixedDataColumn">xxxxyyyy</td>  
             <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
         </tr>
   <tr> 
 
             <td class="FixedDataColumn">xxxxyyyy</td>  
             <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
         </tr>
   <tr> 
 
             <td class="FixedDataColumn">xxxxyyyy</td>  
             <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
         </tr>
   <tr> 
 
             <td class="FixedDataColumn">xxxxyyyy</td>  
             <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
         </tr>
   <tr> 
 
             <td class="FixedDataColumn">xxxxyyyy</td>  
             <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
         </tr>
   <tr> 
 
             <td class="FixedDataColumn">xxxxyyyy</td>  
             <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
         </tr>
   <tr> 
 
             <td class="FixedDataColumn">xxxxyyyy</td>  
             <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
         </tr>
   <tr> 
 
             <td class="FixedDataColumn">xxxxyyyy</td>  
             <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
    <td>td1</td>
         </tr>
         </tr>
     </table> 
 </div> 
 </BODY> 
 </HTML> 

carey_pro
关注
固定表格表头
09-26
可以在页面滚动时将表头固定在屏幕顶部,这样能使大型的列表能更方便使用
jsp表头相对固定的2种方法
04-13
利用css设置实现表头的固定效果，提供2种，一种横纵都可以固定，一种是单一固定横坐标
实现Table表头和列固定
08-01
实现表头和列固定，并可行多表头，多列(左右都可以)，无错位
jsp页面固定table头
weixin_33737134的博客
03-09 185
2019独角兽企业重金招聘Python工程师标准>>> ...
关于jsp页面表格表头固定，随着下拉条表头移动
lijunjie818的博客
08-18 6475
在项目中碰见jsp页面遍历数据过多，下拉后看不见表头，如果用easyUi就不存在固定表头问题了。 如果是单纯的table，遍历，那么我们可以引用bootstrap中的滚动监听来控制。 在页面引入            在body中引入                                                
两种实现JSP表头固定的方法技巧
从给出的文件列表`Noname1.html`和`Noname2.html`中，我们可以猜测这些是用于测试或展示JSP表头固定效果的HTML页面。在实际项目中，这些文件可能用于前端设计和功能测试，但在此文档中它们并未被直接引用或使用，故...
JS固定表头和左边列V2.0（源码）
07-31
锁定表头及固定左边列，原生JS原创代码 需要注意的问题： 1.表格的宽度以及表格每一列的宽度需要固定（特殊情况除外：当表格列数少并且表格总宽度明显小于表格父容器的宽度时，也就是表格列不存在自动换行的问题） 2...
jquery表头固定
09-16
总结来说，"jquery表头固定"是一个针对网页表格的实用解决方案，通过`freezeheader.js`插件，开发者可以方便地在JSP或其他基于jQuery的项目中实现固定表头功能，提升用户体验。插件的多种效果选择和简单易用的API，...
jsp页面table表头固定-freezeheader
noMoreBugs的博客
04-11 1952
该插件兼容firefox，charome，safari，ie10以上的版本。 1.导入jquery与freezeheader的包； 2.页面中的table； 3.通过ajax请求后台返回数据拼接table； 具体拼接过程省略。。。 4.在第3步table表与拼接完成，页面完成渲染后，实现table表头固定； 在 ajax success: function(data){ //先拼接table...
jsp table实现表头固定，并且表头和内容对齐
keep12moving的博客
12-18 4726
overflow-y:scroll 实现滚动条，标签使表头和内容对齐，代码如下 航线 航班号 起飞时刻 机型 标准票价 单班飞行小时 班次 提供座位数 合计旅客数 合计收入 班收入 客座率 票价水平 人均票价 标准票价客座率 座公里收入 客公里
table表头固定
07-29
单个table thead负责表头固定合并 tbody负责展示数据并且带滚动
js实现固定表头表列和表格翻页
03-06
功能特色： 1. 实现表格的列排序功能（点击表头，切换该列升降序），也可以指定哪一列不排序； 2. 实现当前排序列高亮显示； 3. 实现表格奇偶行不同颜色，即换行变色； 4. 实现表格分页功能，可指定是否开启分页功能及每页行数； 5. 排序数据支持数据类型自动识别（这点很强大）。例如：整型数据、浮点型数据、字母、电话号码、日期、链接 6. 表格外观样式可通过CSS灵活定制 7. 所需要引用的js文件非常小巧，压缩版仅2.5k 8. 使用非常简单，可进行参数配置
jsp输出带表头的三行三列的表格
03-09
jsp输出带表头的三行三列的表格，通过本文档的代码可以教会大家如何通过JSP界面输出表格~
jsp页面锁定行头和列头
12-10
锁定行头和列头，绝对经典的处理方法，还可以是动态的。
jsp表格的表头固定不动
草根的理想
01-22 3588
表头1表头2表头3表头4↓内容1内容2内容3内容4内容1内容2内容3内容4内容1内容2内容3内容4注： 这样做如果表中列过长的时候需强制换行。 eg2：http://www.w3.org/TR/html4/loose.dtd">固定表头.fixedtd{    color:#FF0000;    position:relative; top: expression(th
JSP表格的表头固定不动
分享
12-08 1749
方法一：双 表 设 计方法二：css控制固定表头，兼容行列合并
jsp 表格头部固定 简单方法
jajave
09-28 5826
威易网CSS教程 table tbody {     display:block;     height:195px;     overflow-y:scroll; } table thead, tbody tr {     display:table;     width:100%;     table-layout:fixed; } table thead {
javaweb之jsp----------03jsp的添加固定头和尾
小小雨伞的博客
02-17 305
在jsp中添加即可 第一种方式 <%@ include file="common/heard.jsp"%> <%@ include file="common/footer.jsp"%> 第二种方式 <jsp:include page="common/heard.jsp"/> <jsp:include page="common/footer.jsp"/> 第一种方式是直接写入servlet中,可以获取到导入文件的变量 第二种是直接添加 ...
使用JS实现表格宽度任意竖轴滚动时表头固定
qq_32109661的博客
12-30 772
前言： 在实际项目开发中遇到类似需求，本来想当然地用**table-layout** ，但是这个属性并不能很好的应用在任意宽度的表格上。至于其他解决方案就是给td手动设置固定宽度，这种方法并不具有通用性，但是给我提供了一个思路，自动计算并设置表格宽度就可以很好地实现想要的效果。 DOM结构 <div class="table_area"> <div class="table_head"> <table> <tr>
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值