ASP.NET中GridView 表头不动内容滚动解决法

ASP.NET中GridView 表头不动内容滚动解决法

前台

<script>
function scrool()
{
 var t = document.getElementById("<%=gvCheckList.ClientID%>");
 var t2 = t.cloneNode(true)
 for(i = t2.rows.length -1;i > 0;i--)
 t2.deleteRow(i) 
 t.deleteRow(0) 
 head1.appendChild(t2)
}
window.onload = scrool
</script>

<div id="head1"></div>
 <div style="height:186px;width:100%;overflow-y: scroll;">
<asp:GridView ID="GridView1" runat="server" Width="97%" >
           <RowStyle Height="26px" />
            <HeaderStyle BackColor="#EDEDED" Height="26px" />
</asp:GridView>
 </div>

后台代码
Page_Load

this.GridView1.Attributes.Add("style", "table-layout:fixed");