使网格视图自动滚动

Question

我有一个网格。我有一个按钮，如果我单击该按钮，它将向该网格添加一个空行，我将在其中编辑和保存。我需要显示一个滚动条，以便当我单击该按钮时，它将在网格末尾添加空行，并在末尾添加滚动条

<div id="Div" runat="server" class="divFieldRow">           
         <div>
         <center>  
         <div  style="overflow: auto; height: 150px">
                 <asp:GridView ID="gvEventMechanic" runat="server" AutoGenerateColumns="False" PageSize="5"
                            GridLines="None" AllowSorting="true" BorderWidth="1"
                            BorderColor="Brown" AlternatingRowStyle-BackColor="Cyan" HeaderStyle-BackColor="ActiveCaption"
                            FooterStyle-BackColor="DimGray" EnableViewState="true" >                         
                <Columns>
                    <asp:TemplateField>                    
                        <HeaderTemplate>
                            Disable
                            </HeaderTemplate>
                        <ItemStyle HorizontalAlign="Center" />
                        <ItemTemplate>                           
                            <asp:CheckBox ID="chkDelete" runat="server" AutoPostBack="true" OnCheckedChanged="cbDelete_OnCheckedChanged"></asp:CheckBox>
                        </ItemTemplate>
                    </asp:TemplateField>
                    <asp:TemplateField >                     
                       <HeaderTemplate>Event</HeaderTemplate>
                        <ItemStyle HorizontalAlign="Center" />
                        <ItemTemplate>
                            <asp:Label ID="lblDesc" Visible='<%# ! IsInEditMode %>' runat="server" Text='<%# Eval("Description") %>' />
                            <asp:TextBox ID="txtDesc" Visible='<%# IsInEditMode %>' runat="server" Text='<%#Eval("Description")%>' MaxLength="255">
                            </asp:TextBox>                                                        
                        </ItemTemplate>
                    </asp:TemplateField>
                 </Columns>                
            </asp:GridView>     
        </div> 
     </center>
  </div> 

Answer 1

使用一个以固定高度和溢出来包裹网格的 div 应该可以解决表格超出固定高度的情况。涉及分页时，您可以切换到网格中最后一个可用页面并重新绑定它，如果这是您想要实现的目标。