如何固定table的表头

1.html代码
< HTML >
    
< HEAD >
        
< title ></ title >
        
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312" >
        
< style >  .fixedHeaderTr { position:relative; top:expression(this.offsetParent.scrollTop); }
    ; .mainDiv 
{ overflow:auto; scrollbar-face-color:9999ff; height:expression((document.body.clientHeight-this.offsetTop-20>this.children[0].offsetHeight)?(this.children[0].offsetHeight+20) : (document.body.clientHeight-this.offsetTop-20)); width:expression(document.body.clientWidth-20); }
        
</ style >
    
</ HEAD >
    
< body >
        
< br >
        
< div  class ="mainDiv" >
            
<% = fixedHeader() %>
        
</ div >
    
</ body >
</ HTML >
2.cs代码
public   class  FixTableHeader : System.Web.UI.Page
    
{
        
private void Page_Load(object sender, System.EventArgs e)
        
{
            
// 用于固定table的表头
        }


        
Web Form Designer generated code

        
protected string fixedHeader()
        
{
            
string str=@"<table width="+"/""+"100%"+"/"" +"border="+"/""+"1"+"/""+" cellspacing="+"/""+"0"+"/""+" style="+"/""+"MARGIN-TOP:-2px"+"/""+">";
                str
+="<TR class="+"/""+"fixedHeaderTr"+"/""+" style="+"/""+"BACKGROUND:navy;COLOR:white"+"/""+">";
                    str
+="<TD nowrap>Header A</TD>";
                    str
+="<TD nowrap>Header B</TD>";
                    str
+="<TD nowrap>Header C</TD>";
                str
+="</TR>";
            
for(int m=0;m<100;m++)
            
{
                str
+="<TR>";
                    str
+="<TD>A"+m+"</TD>";
                    str
+="<TD>B"+m+"</TD>";
                    str
+="<TD>C"+m+"</TD>";
                str
+="</TR>";
            }
            
            str
+="</table>";
            
return str;
        }

    }
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值