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

今天程序里要用到这个,到网上搜搜,TMD都是转载的!并且方法都不怎么样,有的都不能实现!下面这个方法写得不怎么样，但绝对可以用的!有好的建议的可以提提。

<div id="div_title">#这边id的名字可以随便取的</div>
<div style="overflow:scroll; height:500px;">

                      <asp:GridView ……>
                       这里就是GridView,GridView内容无关紧要！

                      <asp:GridView>

</div>

下面就是对两个<div>的脚本.

<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>

脚本加到<title/>下，</head>上就行啦！

不过到这里可以试运行一下！你会发现有效果了，但标题和内容的位置不对！所以再固定一下GridView中的HeaderStyle和ItemStyle就OK啦！

eg:<asp:BoundField HeaderText="这里是标题" >
                                  <HeaderStyle Width="6%" />//这里建议大家使用百分比来！这样效果更好！
                                  <ItemStyle Width="6%" />
       </asp:BoundField>

最后就是都搞定啦！呵呵！