大众计算机学习网

专门提供各种电脑教程

固定HTML表格的列,即固定表头

Admin | 2007-10-11 13:38:09 | 被阅次数 | 8199

<style type="text/css">
<!--
td.locked, th.locked {
   background-color: #FFFFFF;
   font-weight     : bold;
   top            : expression(document.getElementById('MyTable1').scrollTop-1);

   position        : relative;
   z-index         : 1
 }

 #MyTable1 {
    width          : 100%;
    height    : expression(document.body.clientHeight*0.88);
    overflow       : auto;
 }
-->
</style>

需要滚动的表放入div,div.ID="MyTable1",需要固定的单元格加上class="locked"

以上代码已测试成功,但是如果列太多,会导致页面反应相当慢,所以要谨慎使用!