GridView固定表头,内容可以滚动的方法代码,ASP代码库,德仔网

代码语言

代码分类

【ASP】 GridView固定表头,内容可以滚动的方法

作者:Dezai.CN / 发布于2011/12/29/ 1664

<div>
<font color="#0000ff"><div id="div_title">#这边id的名字可以随便取的</div>
<div style="overflow:scroll; height:500px;"></font>
<font color="#0000ff"><asp:GridView &hellip;&hellip;>
这里就是GridView,GridView内容无关紧要！</font>
<font color="#0000ff"><asp:GridView></font>
<font color="#0000ff"></div></font>
下面就是对两个<div>的脚本.
<font color="#000080"><script type="text/javascript">
function init()
{
var all = document.getElementById("<%=GridView1.ClientID%>");//把GridView的值传给all
var title = all.cloneNode(true)//all再复制给title
for(i = title.rows.length -1;i >0;i--)//把title中内容全部删除,只留第一行,也就是标题
title.deleteRow(i) 
all.deleteRow(0)//GridView中第一行(标题)删除,也就只有内容了
div_title.appendChild(title) //标题给div
}
window.onload = init
</script></font>
脚本加到<title/>下，</head>上就行啦！
不过到这里可以试运行一下！你会发现有效果了，但标题和内容的位置不对！所以再固定一下GridView中的HeaderStyle和ItemStyle就OK啦！
<font color="#ff0000">eg:<asp:BoundField HeaderText="这里是标题" >
<HeaderStyle Width="6%" />//这里建议大家使用百分比来！这样效果更好！
<ItemStyle Width="6%" />
</asp:BoundField></font>
</div>

试试其它关键字

　固定表头　

同语言下

可能有用的

Dezai.CN贡献的其它代码(4037)