title: Column width on Gridview not wrapping in edit mode
body: <p>Issuse: Column width on Gridview not wrapping in edit mode</p>
  
  <p>Header on 'preview' shows header text in neat columns that fit 1000px wide. As soon as I press edit the table expands past this size. </p>
  
  <p>How do I force a maximum size of the table in edit view?</p>
  
  <p>Code: CSS / VB.net</p>
  
  <p>.aspx page</p>
  
  <pre><code>&lt;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" &gt;
      &lt;AlternatingRowStyle CssClass="alt"  /&gt;
  </code></pre>
  
  <p>Example field:</p>
  
  <pre><code>&lt;asp:TemplateField HeaderText="Login Name" SortExpression="UserName"&gt;
   &lt;ItemTemplate&gt;                   
    &lt;%# Eval("UserName") %&gt;
   &lt;/ItemTemplate&gt;
   &lt;EditItemTemplate&gt;
     &lt;asp:TextBox ID="txtUserName" runat="server" Text='&lt;%# Bind("UserName") %&gt;'/&gt;
   &lt;/EditItemTemplate&gt;
  &lt;/asp:TemplateField&gt;
  </code></pre>
  
  <p>CSS (there is more but I believe this where I need to look) </p>
  
  <p>The 100% to my mind works as 100% of the 1000px refered to in the grid as this works before I click edit.</p>
  
  <pre><code>.gridview { 
          font-family:"arial"; 
          background-color:#002649; 
          width: 100%; 
          font-size: small; 
          color: #658654;       
          table-layout:fixed;
  
  } 
  </code></pre>