Question

Issuse：Gridview上的列宽未在编辑模式下包装

'预览'标题显示整齐的列中的标题文本，宽度适合1000px。一旦按下编辑，表格就会超出此大小。

如何在编辑视图中强制表格的最大尺寸？

代码：CSS / VB.net

.aspx page

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" Width="1000px"
    AllowPaging="True" AllowSorting="True" CssClass="mGrid" PagerStyle-CssClass="pgr"
    EmptyDataText="There are no data records to display - Please change your search."
    DataKeyNames="EmployeeID" AlternatingRowStyle-CssClass="alt" DataSourceID="SqlDataSource1"
    EnableViewState="true" EnableModelValidation="True" >
    <AlternatingRowStyle CssClass="alt"  />

示例字段：

<asp:TemplateField HeaderText="Login Name" SortExpression="UserName">
 <ItemTemplate>                   
  <%# Eval("UserName") %>
 </ItemTemplate>
 <EditItemTemplate>
   <asp:TextBox ID="txtUserName" runat="server" Text='<%# Bind("UserName") %>'/>
 </EditItemTemplate>
</asp:TemplateField>

CSS（还有更多，但我相信我需要看的地方）

在我点击编辑之前，100％在我脑海中的工作作为1000px在网格中指称的100％。

.gridview { 
        font-family:"arial"; 
        background-color:#002649; 
        width: 100%; 
        font-size: small; 
        color: #658654;       
        table-layout:fixed;

}

Answer 1

在ItemStyle中设置网格视图列宽以及TextBox的宽度。例如

<asp:TemplateField HeaderText="Login Name" SortExpression="UserName">
     <ItemTemplate>                   
          <%# Eval("UserName") %>
     </ItemTemplate>
     <EditItemTemplate>
          <asp:TextBox ID="txtUserName" runat="server" width="200px" Text='<%# Bind("UserName") %>'/>
     </EditItemTemplate>
     <ItemStyle width="200px"> </ItemStyle>
</asp:TemplateField>

Gridview上的列宽未在编辑模式下换行

1 个答案: