表头不动，表体可滚动的gridview

最新推荐文章于 2019-06-26 16:46:17 发布

goodyatou

最新推荐文章于 2019-06-26 16:46:17 发布

阅读量2.1k

点赞数

文章标签： textbox asp server scroll function div

本文链接：https://blog.csdn.net/goodyatou/article/details/4372617

版权

//在head中写以下脚本

function s()
    {
     var t = document.getElementById("<%=GridView1.ClientID%>"); //（下面Gridview的id）
     var t2 = t.cloneNode(true)
     for(i = t2.rows.length -1;i > 0;i--)
     t2.deleteRow(i)
     t.deleteRow(0)
     a.appendChild(t2)
    }
    window.onload = s

<body style="background-color: lightgrey">
    <form id="form2" runat="server">
            <div id="a">
          </div>
          <div style="overflow-y: scroll; height: 580px;">
//设置GridView的高度 style="overflow-y" 中可以上下移动 style="overflow-x" 滚动条左右移动
      <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" Width="98%" OnDataBound="GridView1_DataBound" >
            <Columns>
                <asp:TemplateField HeaderText="部门编号">
                    <EditItemTemplate>
                        <asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("dept_no") %>'></asp:TextBox>
                    </EditItemTemplate>
                    <ItemTemplate>
                    <a href='Jiari.aspx?id=<%#Eval("dept_no") %>'><%# Eval("dept_no") %></a>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:BoundField HeaderText="部门名称" DataField="DEPT_CNAME" />
                <asp:BoundField HeaderText="人数" DataField="CNT" />
            </Columns>
        </asp:GridView>
        </div>
    </form>
</body>