如何固定table的表头
来源:互联网 发布:淘宝店哪些东西利润高 编辑:程序博客网 时间:2024/04/30 11:35
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代码<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>
public class FixTableHeader : System.Web.UI.Page
{
private void Page_Load(object sender, System.EventArgs e)
{
// 用于固定table的表头
}
Web Form Designer generated code#region Web Form Designer generated code
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: This call is required by the ASP.NET Web Form Designer.
//
InitializeComponent();
base.OnInit(e);
}
/**//// <summary>
/// Required method for Designer support - do not modify
/// the contents of this method with the code editor.
/// </summary>
private void InitializeComponent()
{
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
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;
}
}
{
private void Page_Load(object sender, System.EventArgs e)
{
// 用于固定table的表头
}
Web Form Designer generated code#region Web Form Designer generated code
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: This call is required by the ASP.NET Web Form Designer.
//
InitializeComponent();
base.OnInit(e);
}
/**//// <summary>
/// Required method for Designer support - do not modify
/// the contents of this method with the code editor.
/// </summary>
private void InitializeComponent()
{
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
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;
}
}
- 如何固定table的表头
- 如何固定table的表头
- 如何固定table的表头
- 固定table的表头
- JavaScript:固定table的表头
- html 中固定表头的 table
- jquery.freezeheader将Table的表头固定.
- bootstrap中固定table的表头
- bootstrap的table表头固定tbody滚动
- html固定table表头的实现思路
- css 固定table表头
- Table实现表头固定
- table表头行固定
- 固定table表头
- table表头行固定
- table固定表头
- table固定表头
- 固定table表头
- Phasor與頻率響應
- 资源文件配置和使用
- 博客开张了
- 图片渐变轮换效果
- 滚动条定位控制
- 如何固定table的表头
- Web的桌面提醒(Popup,类似msn,outlook等的信息提示)
- Hibernate入门20 - cascade持久化
- 简单验证码的产生
- 双向关联与inverse设定
- 帮看网:web2.0的网页监控服务
- Google公布06年十大搜索词 “视频/video”居首
- 多行文本框限制输入字符长度(两种方法)
- 浅显的谈谈证券公司的信息化