C# Gridview宽度超出边界bcz内容宽度较大 所选条件的记录不存在

我的桌子是空的 表{边框折叠：折叠；宽度：100%}

     <div style="padding-top: 10px; padding-right: 15px; padding-bottom: 25px">
    <div class="table">
       <div>
            <asp:GridView ID="gvList" runat="server" AutoGenerateColumns="false" 
      DataKeyNames="UserId" AllowSorting="true" onrowcreated="gvList_RowCreated" 
     onrowdatabound="gvList_RowDataBound" 
     onsorting="gvList_Sorting">
                <AlternatingRowStyle CssClass="even" />
                <EmptyDataTemplate>
                     Records for selected criteria do not exist
                </EmptyDataTemplate>

                 <Columns>
       <asp:TemplateField>
       <ItemStyle Width="2%"/>
       <HeaderTemplate>
            <asp:Label ID="lblSelect" runat="server" Text="<%$ Resources:LBShowcaseRes,lblSelect %>"></asp:Label>
       </HeaderTemplate>
       <ItemTemplate>
            <asp:CheckBox ID="chkSelect" runat="server" />
       </ItemTemplate>
       </asp:TemplateField>

       <asp:TemplateField>
       <ItemStyle width="15%"/>
       <HeaderTemplate>
       <asp:LinkButton ID="lnkFirstName" runat="server" Text="<%$ Resources:LBShowcaseRes,lblFirstName %>" CommandName="Sort" CommandArgument="FirstName"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
             <asp:Label ID="lblFirstName" runat="server" Text='<%#Eval("FirstName") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField>   

       <asp:TemplateField>
       <ItemStyle Width="18%"/>
       <HeaderTemplate>
               <asp:LinkButton ID="lnkLastName" runat="server" Text="<%$ Resources:LBShowcaseRes,lblLastName %>" CommandName="Sort" CommandArgument="LastName"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
              <asp:Label ID="lblLastName" runat="server" Text='<%#Eval("LastName") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField>   

       <asp:TemplateField>
       <ItemStyle Width="20%"/>
       <HeaderTemplate>
              <asp:LinkButton ID="lnkEmailId" runat="server" Text="<%$ Resources:LBShowcaseRes,lblEmailid %>" CommandName="Sort" CommandArgument="EmailAddress"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
              <asp:Label ID="lblEmailId" runat="server" Text='<%# Eval("EmailAddress") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField> 

       <asp:TemplateField> 
       <ItemStyle Width="15%" />
       <HeaderTemplate>
              <asp:Label ID="lblUserName" runat="server" Text="<%$ Resources:LBShowcaseRes,lblUserName %>"></asp:Label>
       </HeaderTemplate>
       <ItemTemplate>
              <asp:TextBox ID="txtUserName" runat="server" Text='<%# Eval("UserName") %>' MaxLength="75" Width="100px" EnableViewState="true"></asp:TextBox>
       </ItemTemplate>
       </asp:TemplateField>  

       <asp:TemplateField>
       <ItemStyle Width="10%" />
       <HeaderTemplate>
               <asp:LinkButton ID="lnkOffice" runat="server" Text="<%$ Resources:LBShowcaseRes,lblOffice %>" CommandName="Sort" CommandArgument="OfficeName"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
               <asp:Label ID="lblOffice" runat="server" Text='<%# Eval("OfficeName") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField>

       <asp:TemplateField>
       <ItemStyle Width="20%" />
       <HeaderTemplate>
                <asp:Label ID="lblRolePrompt" runat="server" Text="<%$ Resources:LBShowcaseRes,lblRole %>"></asp:Label>
       </HeaderTemplate>
       <ItemTemplate>
                <asp:HiddenField ID="hdnRole" runat="server" Value='<%# Eval("RoleName") %>' />
                <asp:DropDownList ID="ddlRole" runat="server" AppendDataBoundItems="true">
                </asp:DropDownList>
       </ItemTemplate>
       </asp:TemplateField>

    </Columns>
            </asp:GridView>

        </div>


        <div class="table-nav">
        <asp:Button ID="btnDelete" runat="server" Text="<%$ Resources:LBShowcaseRes,btnDelete %>"  SkinID="leftButton" 
            OnClientClick="var values= GetSelectedUser();return ConfirmDeleteWithValues('Please select at least one User for deletion.',values);" 
            onclick="btnDelete_Click" />              
        <asp:Button ID="btnPrintExport" runat="server" Text="<%$ Resources:LBShowcaseRes,btnPrintRep %>" CausesValidation="false"/>
        <asp:Button ID="btnSave" runat="server" OnClientClick="return ConfirmAddUser();"
            Text="<%$Resources:LBShowcaseRes,btnSave %>"  
            onclick="btnSave_Click" />
        </div>
        <div class="clear">
        </div>
    </div>
</div>

现在，当我运行页面时，gridview宽度超出100%bcz，内容宽度非常大…因此我想这样做，在达到该列的宽度后，它应该打断内容。我该怎么做？请帮助我

     <div style="padding-top: 10px; padding-right: 15px; padding-bottom: 25px">
    <div class="table">
       <div>
            <asp:GridView ID="gvList" runat="server" AutoGenerateColumns="false" 
      DataKeyNames="UserId" AllowSorting="true" onrowcreated="gvList_RowCreated" 
     onrowdatabound="gvList_RowDataBound" 
     onsorting="gvList_Sorting">
                <AlternatingRowStyle CssClass="even" />
                <EmptyDataTemplate>
                     Records for selected criteria do not exist
                </EmptyDataTemplate>

                 <Columns>
       <asp:TemplateField>
       <ItemStyle Width="2%"/>
       <HeaderTemplate>
            <asp:Label ID="lblSelect" runat="server" Text="<%$ Resources:LBShowcaseRes,lblSelect %>"></asp:Label>
       </HeaderTemplate>
       <ItemTemplate>
            <asp:CheckBox ID="chkSelect" runat="server" />
       </ItemTemplate>
       </asp:TemplateField>

       <asp:TemplateField>
       <ItemStyle width="15%"/>
       <HeaderTemplate>
       <asp:LinkButton ID="lnkFirstName" runat="server" Text="<%$ Resources:LBShowcaseRes,lblFirstName %>" CommandName="Sort" CommandArgument="FirstName"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
             <asp:Label ID="lblFirstName" runat="server" Text='<%#Eval("FirstName") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField>   

       <asp:TemplateField>
       <ItemStyle Width="18%"/>
       <HeaderTemplate>
               <asp:LinkButton ID="lnkLastName" runat="server" Text="<%$ Resources:LBShowcaseRes,lblLastName %>" CommandName="Sort" CommandArgument="LastName"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
              <asp:Label ID="lblLastName" runat="server" Text='<%#Eval("LastName") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField>   

       <asp:TemplateField>
       <ItemStyle Width="20%"/>
       <HeaderTemplate>
              <asp:LinkButton ID="lnkEmailId" runat="server" Text="<%$ Resources:LBShowcaseRes,lblEmailid %>" CommandName="Sort" CommandArgument="EmailAddress"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
              <asp:Label ID="lblEmailId" runat="server" Text='<%# Eval("EmailAddress") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField> 

       <asp:TemplateField> 
       <ItemStyle Width="15%" />
       <HeaderTemplate>
              <asp:Label ID="lblUserName" runat="server" Text="<%$ Resources:LBShowcaseRes,lblUserName %>"></asp:Label>
       </HeaderTemplate>
       <ItemTemplate>
              <asp:TextBox ID="txtUserName" runat="server" Text='<%# Eval("UserName") %>' MaxLength="75" Width="100px" EnableViewState="true"></asp:TextBox>
       </ItemTemplate>
       </asp:TemplateField>  

       <asp:TemplateField>
       <ItemStyle Width="10%" />
       <HeaderTemplate>
               <asp:LinkButton ID="lnkOffice" runat="server" Text="<%$ Resources:LBShowcaseRes,lblOffice %>" CommandName="Sort" CommandArgument="OfficeName"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
               <asp:Label ID="lblOffice" runat="server" Text='<%# Eval("OfficeName") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField>

       <asp:TemplateField>
       <ItemStyle Width="20%" />
       <HeaderTemplate>
                <asp:Label ID="lblRolePrompt" runat="server" Text="<%$ Resources:LBShowcaseRes,lblRole %>"></asp:Label>
       </HeaderTemplate>
       <ItemTemplate>
                <asp:HiddenField ID="hdnRole" runat="server" Value='<%# Eval("RoleName") %>' />
                <asp:DropDownList ID="ddlRole" runat="server" AppendDataBoundItems="true">
                </asp:DropDownList>
       </ItemTemplate>
       </asp:TemplateField>

    </Columns>
            </asp:GridView>

        </div>


        <div class="table-nav">
        <asp:Button ID="btnDelete" runat="server" Text="<%$ Resources:LBShowcaseRes,btnDelete %>"  SkinID="leftButton" 
            OnClientClick="var values= GetSelectedUser();return ConfirmDeleteWithValues('Please select at least one User for deletion.',values);" 
            onclick="btnDelete_Click" />              
        <asp:Button ID="btnPrintExport" runat="server" Text="<%$ Resources:LBShowcaseRes,btnPrintRep %>" CausesValidation="false"/>
        <asp:Button ID="btnSave" runat="server" OnClientClick="return ConfirmAddUser();"
            Text="<%$Resources:LBShowcaseRes,btnSave %>"  
            onclick="btnSave_Click" />
        </div>
        <div class="clear">
        </div>
    </div>
</div>

修改 所选条件的记录不存在

     <div style="padding-top: 10px; padding-right: 15px; padding-bottom: 25px">
    <div class="table">
       <div>
            <asp:GridView ID="gvList" runat="server" AutoGenerateColumns="false" 
      DataKeyNames="UserId" AllowSorting="true" onrowcreated="gvList_RowCreated" 
     onrowdatabound="gvList_RowDataBound" 
     onsorting="gvList_Sorting">
                <AlternatingRowStyle CssClass="even" />
                <EmptyDataTemplate>
                     Records for selected criteria do not exist
                </EmptyDataTemplate>

                 <Columns>
       <asp:TemplateField>
       <ItemStyle Width="2%"/>
       <HeaderTemplate>
            <asp:Label ID="lblSelect" runat="server" Text="<%$ Resources:LBShowcaseRes,lblSelect %>"></asp:Label>
       </HeaderTemplate>
       <ItemTemplate>
            <asp:CheckBox ID="chkSelect" runat="server" />
       </ItemTemplate>
       </asp:TemplateField>

       <asp:TemplateField>
       <ItemStyle width="15%"/>
       <HeaderTemplate>
       <asp:LinkButton ID="lnkFirstName" runat="server" Text="<%$ Resources:LBShowcaseRes,lblFirstName %>" CommandName="Sort" CommandArgument="FirstName"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
             <asp:Label ID="lblFirstName" runat="server" Text='<%#Eval("FirstName") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField>   

       <asp:TemplateField>
       <ItemStyle Width="18%"/>
       <HeaderTemplate>
               <asp:LinkButton ID="lnkLastName" runat="server" Text="<%$ Resources:LBShowcaseRes,lblLastName %>" CommandName="Sort" CommandArgument="LastName"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
              <asp:Label ID="lblLastName" runat="server" Text='<%#Eval("LastName") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField>   

       <asp:TemplateField>
       <ItemStyle Width="20%"/>
       <HeaderTemplate>
              <asp:LinkButton ID="lnkEmailId" runat="server" Text="<%$ Resources:LBShowcaseRes,lblEmailid %>" CommandName="Sort" CommandArgument="EmailAddress"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
              <asp:Label ID="lblEmailId" runat="server" Text='<%# Eval("EmailAddress") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField> 

       <asp:TemplateField> 
       <ItemStyle Width="15%" />
       <HeaderTemplate>
              <asp:Label ID="lblUserName" runat="server" Text="<%$ Resources:LBShowcaseRes,lblUserName %>"></asp:Label>
       </HeaderTemplate>
       <ItemTemplate>
              <asp:TextBox ID="txtUserName" runat="server" Text='<%# Eval("UserName") %>' MaxLength="75" Width="100px" EnableViewState="true"></asp:TextBox>
       </ItemTemplate>
       </asp:TemplateField>  

       <asp:TemplateField>
       <ItemStyle Width="10%" />
       <HeaderTemplate>
               <asp:LinkButton ID="lnkOffice" runat="server" Text="<%$ Resources:LBShowcaseRes,lblOffice %>" CommandName="Sort" CommandArgument="OfficeName"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
               <asp:Label ID="lblOffice" runat="server" Text='<%# Eval("OfficeName") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField>

       <asp:TemplateField>
       <ItemStyle Width="20%" />
       <HeaderTemplate>
                <asp:Label ID="lblRolePrompt" runat="server" Text="<%$ Resources:LBShowcaseRes,lblRole %>"></asp:Label>
       </HeaderTemplate>
       <ItemTemplate>
                <asp:HiddenField ID="hdnRole" runat="server" Value='<%# Eval("RoleName") %>' />
                <asp:DropDownList ID="ddlRole" runat="server" AppendDataBoundItems="true">
                </asp:DropDownList>
       </ItemTemplate>
       </asp:TemplateField>

    </Columns>
            </asp:GridView>

        </div>


        <div class="table-nav">
        <asp:Button ID="btnDelete" runat="server" Text="<%$ Resources:LBShowcaseRes,btnDelete %>"  SkinID="leftButton" 
            OnClientClick="var values= GetSelectedUser();return ConfirmDeleteWithValues('Please select at least one User for deletion.',values);" 
            onclick="btnDelete_Click" />              
        <asp:Button ID="btnPrintExport" runat="server" Text="<%$ Resources:LBShowcaseRes,btnPrintRep %>" CausesValidation="false"/>
        <asp:Button ID="btnSave" runat="server" OnClientClick="return ConfirmAddUser();"
            Text="<%$Resources:LBShowcaseRes,btnSave %>"  
            onclick="btnSave_Click" />
        </div>
        <div class="clear">
        </div>
    </div>
</div>

---

在代码中，您没有为gridview指定任何宽度。将gridview的宽度也设为100%，并根据您的调整将每个TemplateField的宽度从%更改为正常数字

     <div style="padding-top: 10px; padding-right: 15px; padding-bottom: 25px">
    <div class="table">
       <div>
            <asp:GridView ID="gvList" runat="server" AutoGenerateColumns="false" 
      DataKeyNames="UserId" AllowSorting="true" onrowcreated="gvList_RowCreated" 
     onrowdatabound="gvList_RowDataBound" 
     onsorting="gvList_Sorting">
                <AlternatingRowStyle CssClass="even" />
                <EmptyDataTemplate>
                     Records for selected criteria do not exist
                </EmptyDataTemplate>

                 <Columns>
       <asp:TemplateField>
       <ItemStyle Width="2%"/>
       <HeaderTemplate>
            <asp:Label ID="lblSelect" runat="server" Text="<%$ Resources:LBShowcaseRes,lblSelect %>"></asp:Label>
       </HeaderTemplate>
       <ItemTemplate>
            <asp:CheckBox ID="chkSelect" runat="server" />
       </ItemTemplate>
       </asp:TemplateField>

       <asp:TemplateField>
       <ItemStyle width="15%"/>
       <HeaderTemplate>
       <asp:LinkButton ID="lnkFirstName" runat="server" Text="<%$ Resources:LBShowcaseRes,lblFirstName %>" CommandName="Sort" CommandArgument="FirstName"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
             <asp:Label ID="lblFirstName" runat="server" Text='<%#Eval("FirstName") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField>   

       <asp:TemplateField>
       <ItemStyle Width="18%"/>
       <HeaderTemplate>
               <asp:LinkButton ID="lnkLastName" runat="server" Text="<%$ Resources:LBShowcaseRes,lblLastName %>" CommandName="Sort" CommandArgument="LastName"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
              <asp:Label ID="lblLastName" runat="server" Text='<%#Eval("LastName") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField>   

       <asp:TemplateField>
       <ItemStyle Width="20%"/>
       <HeaderTemplate>
              <asp:LinkButton ID="lnkEmailId" runat="server" Text="<%$ Resources:LBShowcaseRes,lblEmailid %>" CommandName="Sort" CommandArgument="EmailAddress"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
              <asp:Label ID="lblEmailId" runat="server" Text='<%# Eval("EmailAddress") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField> 

       <asp:TemplateField> 
       <ItemStyle Width="15%" />
       <HeaderTemplate>
              <asp:Label ID="lblUserName" runat="server" Text="<%$ Resources:LBShowcaseRes,lblUserName %>"></asp:Label>
       </HeaderTemplate>
       <ItemTemplate>
              <asp:TextBox ID="txtUserName" runat="server" Text='<%# Eval("UserName") %>' MaxLength="75" Width="100px" EnableViewState="true"></asp:TextBox>
       </ItemTemplate>
       </asp:TemplateField>  

       <asp:TemplateField>
       <ItemStyle Width="10%" />
       <HeaderTemplate>
               <asp:LinkButton ID="lnkOffice" runat="server" Text="<%$ Resources:LBShowcaseRes,lblOffice %>" CommandName="Sort" CommandArgument="OfficeName"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
               <asp:Label ID="lblOffice" runat="server" Text='<%# Eval("OfficeName") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField>

       <asp:TemplateField>
       <ItemStyle Width="20%" />
       <HeaderTemplate>
                <asp:Label ID="lblRolePrompt" runat="server" Text="<%$ Resources:LBShowcaseRes,lblRole %>"></asp:Label>
       </HeaderTemplate>
       <ItemTemplate>
                <asp:HiddenField ID="hdnRole" runat="server" Value='<%# Eval("RoleName") %>' />
                <asp:DropDownList ID="ddlRole" runat="server" AppendDataBoundItems="true">
                </asp:DropDownList>
       </ItemTemplate>
       </asp:TemplateField>

    </Columns>
            </asp:GridView>

        </div>


        <div class="table-nav">
        <asp:Button ID="btnDelete" runat="server" Text="<%$ Resources:LBShowcaseRes,btnDelete %>"  SkinID="leftButton" 
            OnClientClick="var values= GetSelectedUser();return ConfirmDeleteWithValues('Please select at least one User for deletion.',values);" 
            onclick="btnDelete_Click" />              
        <asp:Button ID="btnPrintExport" runat="server" Text="<%$ Resources:LBShowcaseRes,btnPrintRep %>" CausesValidation="false"/>
        <asp:Button ID="btnSave" runat="server" OnClientClick="return ConfirmAddUser();"
            Text="<%$Resources:LBShowcaseRes,btnSave %>"  
            onclick="btnSave_Click" />
        </div>
        <div class="clear">
        </div>
    </div>
</div>

编辑：

     <div style="padding-top: 10px; padding-right: 15px; padding-bottom: 25px">
    <div class="table">
       <div>
            <asp:GridView ID="gvList" runat="server" AutoGenerateColumns="false" 
      DataKeyNames="UserId" AllowSorting="true" onrowcreated="gvList_RowCreated" 
     onrowdatabound="gvList_RowDataBound" 
     onsorting="gvList_Sorting">
                <AlternatingRowStyle CssClass="even" />
                <EmptyDataTemplate>
                     Records for selected criteria do not exist
                </EmptyDataTemplate>

                 <Columns>
       <asp:TemplateField>
       <ItemStyle Width="2%"/>
       <HeaderTemplate>
            <asp:Label ID="lblSelect" runat="server" Text="<%$ Resources:LBShowcaseRes,lblSelect %>"></asp:Label>
       </HeaderTemplate>
       <ItemTemplate>
            <asp:CheckBox ID="chkSelect" runat="server" />
       </ItemTemplate>
       </asp:TemplateField>

       <asp:TemplateField>
       <ItemStyle width="15%"/>
       <HeaderTemplate>
       <asp:LinkButton ID="lnkFirstName" runat="server" Text="<%$ Resources:LBShowcaseRes,lblFirstName %>" CommandName="Sort" CommandArgument="FirstName"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
             <asp:Label ID="lblFirstName" runat="server" Text='<%#Eval("FirstName") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField>   

       <asp:TemplateField>
       <ItemStyle Width="18%"/>
       <HeaderTemplate>
               <asp:LinkButton ID="lnkLastName" runat="server" Text="<%$ Resources:LBShowcaseRes,lblLastName %>" CommandName="Sort" CommandArgument="LastName"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
              <asp:Label ID="lblLastName" runat="server" Text='<%#Eval("LastName") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField>   

       <asp:TemplateField>
       <ItemStyle Width="20%"/>
       <HeaderTemplate>
              <asp:LinkButton ID="lnkEmailId" runat="server" Text="<%$ Resources:LBShowcaseRes,lblEmailid %>" CommandName="Sort" CommandArgument="EmailAddress"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
              <asp:Label ID="lblEmailId" runat="server" Text='<%# Eval("EmailAddress") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField> 

       <asp:TemplateField> 
       <ItemStyle Width="15%" />
       <HeaderTemplate>
              <asp:Label ID="lblUserName" runat="server" Text="<%$ Resources:LBShowcaseRes,lblUserName %>"></asp:Label>
       </HeaderTemplate>
       <ItemTemplate>
              <asp:TextBox ID="txtUserName" runat="server" Text='<%# Eval("UserName") %>' MaxLength="75" Width="100px" EnableViewState="true"></asp:TextBox>
       </ItemTemplate>
       </asp:TemplateField>  

       <asp:TemplateField>
       <ItemStyle Width="10%" />
       <HeaderTemplate>
               <asp:LinkButton ID="lnkOffice" runat="server" Text="<%$ Resources:LBShowcaseRes,lblOffice %>" CommandName="Sort" CommandArgument="OfficeName"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
               <asp:Label ID="lblOffice" runat="server" Text='<%# Eval("OfficeName") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField>

       <asp:TemplateField>
       <ItemStyle Width="20%" />
       <HeaderTemplate>
                <asp:Label ID="lblRolePrompt" runat="server" Text="<%$ Resources:LBShowcaseRes,lblRole %>"></asp:Label>
       </HeaderTemplate>
       <ItemTemplate>
                <asp:HiddenField ID="hdnRole" runat="server" Value='<%# Eval("RoleName") %>' />
                <asp:DropDownList ID="ddlRole" runat="server" AppendDataBoundItems="true">
                </asp:DropDownList>
       </ItemTemplate>
       </asp:TemplateField>

    </Columns>
            </asp:GridView>

        </div>


        <div class="table-nav">
        <asp:Button ID="btnDelete" runat="server" Text="<%$ Resources:LBShowcaseRes,btnDelete %>"  SkinID="leftButton" 
            OnClientClick="var values= GetSelectedUser();return ConfirmDeleteWithValues('Please select at least one User for deletion.',values);" 
            onclick="btnDelete_Click" />              
        <asp:Button ID="btnPrintExport" runat="server" Text="<%$ Resources:LBShowcaseRes,btnPrintRep %>" CausesValidation="false"/>
        <asp:Button ID="btnSave" runat="server" OnClientClick="return ConfirmAddUser();"
            Text="<%$Resources:LBShowcaseRes,btnSave %>"  
            onclick="btnSave_Click" />
        </div>
        <div class="clear">
        </div>
    </div>
</div>

---

然后也增加网格视图的高度，以便数据能够调整并适应表格。

设置网格视图的宽度（以像素为单位，固定），而不是百分比。如果在perscentage中设置宽度，gridview宽度将使用“div或table或Page width”进行调整。

     <div style="padding-top: 10px; padding-right: 15px; padding-bottom: 25px">
    <div class="table">
       <div>
            <asp:GridView ID="gvList" runat="server" AutoGenerateColumns="false" 
      DataKeyNames="UserId" AllowSorting="true" onrowcreated="gvList_RowCreated" 
     onrowdatabound="gvList_RowDataBound" 
     onsorting="gvList_Sorting">
                <AlternatingRowStyle CssClass="even" />
                <EmptyDataTemplate>
                     Records for selected criteria do not exist
                </EmptyDataTemplate>

                 <Columns>
       <asp:TemplateField>
       <ItemStyle Width="2%"/>
       <HeaderTemplate>
            <asp:Label ID="lblSelect" runat="server" Text="<%$ Resources:LBShowcaseRes,lblSelect %>"></asp:Label>
       </HeaderTemplate>
       <ItemTemplate>
            <asp:CheckBox ID="chkSelect" runat="server" />
       </ItemTemplate>
       </asp:TemplateField>

       <asp:TemplateField>
       <ItemStyle width="15%"/>
       <HeaderTemplate>
       <asp:LinkButton ID="lnkFirstName" runat="server" Text="<%$ Resources:LBShowcaseRes,lblFirstName %>" CommandName="Sort" CommandArgument="FirstName"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
             <asp:Label ID="lblFirstName" runat="server" Text='<%#Eval("FirstName") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField>   

       <asp:TemplateField>
       <ItemStyle Width="18%"/>
       <HeaderTemplate>
               <asp:LinkButton ID="lnkLastName" runat="server" Text="<%$ Resources:LBShowcaseRes,lblLastName %>" CommandName="Sort" CommandArgument="LastName"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
              <asp:Label ID="lblLastName" runat="server" Text='<%#Eval("LastName") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField>   

       <asp:TemplateField>
       <ItemStyle Width="20%"/>
       <HeaderTemplate>
              <asp:LinkButton ID="lnkEmailId" runat="server" Text="<%$ Resources:LBShowcaseRes,lblEmailid %>" CommandName="Sort" CommandArgument="EmailAddress"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
              <asp:Label ID="lblEmailId" runat="server" Text='<%# Eval("EmailAddress") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField> 

       <asp:TemplateField> 
       <ItemStyle Width="15%" />
       <HeaderTemplate>
              <asp:Label ID="lblUserName" runat="server" Text="<%$ Resources:LBShowcaseRes,lblUserName %>"></asp:Label>
       </HeaderTemplate>
       <ItemTemplate>
              <asp:TextBox ID="txtUserName" runat="server" Text='<%# Eval("UserName") %>' MaxLength="75" Width="100px" EnableViewState="true"></asp:TextBox>
       </ItemTemplate>
       </asp:TemplateField>  

       <asp:TemplateField>
       <ItemStyle Width="10%" />
       <HeaderTemplate>
               <asp:LinkButton ID="lnkOffice" runat="server" Text="<%$ Resources:LBShowcaseRes,lblOffice %>" CommandName="Sort" CommandArgument="OfficeName"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
               <asp:Label ID="lblOffice" runat="server" Text='<%# Eval("OfficeName") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField>

       <asp:TemplateField>
       <ItemStyle Width="20%" />
       <HeaderTemplate>
                <asp:Label ID="lblRolePrompt" runat="server" Text="<%$ Resources:LBShowcaseRes,lblRole %>"></asp:Label>
       </HeaderTemplate>
       <ItemTemplate>
                <asp:HiddenField ID="hdnRole" runat="server" Value='<%# Eval("RoleName") %>' />
                <asp:DropDownList ID="ddlRole" runat="server" AppendDataBoundItems="true">
                </asp:DropDownList>
       </ItemTemplate>
       </asp:TemplateField>

    </Columns>
            </asp:GridView>

        </div>


        <div class="table-nav">
        <asp:Button ID="btnDelete" runat="server" Text="<%$ Resources:LBShowcaseRes,btnDelete %>"  SkinID="leftButton" 
            OnClientClick="var values= GetSelectedUser();return ConfirmDeleteWithValues('Please select at least one User for deletion.',values);" 
            onclick="btnDelete_Click" />              
        <asp:Button ID="btnPrintExport" runat="server" Text="<%$ Resources:LBShowcaseRes,btnPrintRep %>" CausesValidation="false"/>
        <asp:Button ID="btnSave" runat="server" OnClientClick="return ConfirmAddUser();"
            Text="<%$Resources:LBShowcaseRes,btnSave %>"  
            onclick="btnSave_Click" />
        </div>
        <div class="clear">
        </div>
    </div>
</div>

---

哪些内容非常大！！请在GidleMailid中提及content@user993634，您说过lblEmailId是最大的，但是为什么您为其他一些列指定了更多的宽度和与lblEmailId相同的宽度。仅为emailid指定最大宽度，并减少所有剩余的宽度。是否已将TemplateField宽度从百分比更改为数字上的某个宽度？然后将网格宽度从100%更改为sikender所说的正常像素数

     <div style="padding-top: 10px; padding-right: 15px; padding-bottom: 25px">
    <div class="table">
       <div>
            <asp:GridView ID="gvList" runat="server" AutoGenerateColumns="false" 
      DataKeyNames="UserId" AllowSorting="true" onrowcreated="gvList_RowCreated" 
     onrowdatabound="gvList_RowDataBound" 
     onsorting="gvList_Sorting">
                <AlternatingRowStyle CssClass="even" />
                <EmptyDataTemplate>
                     Records for selected criteria do not exist
                </EmptyDataTemplate>

                 <Columns>
       <asp:TemplateField>
       <ItemStyle Width="2%"/>
       <HeaderTemplate>
            <asp:Label ID="lblSelect" runat="server" Text="<%$ Resources:LBShowcaseRes,lblSelect %>"></asp:Label>
       </HeaderTemplate>
       <ItemTemplate>
            <asp:CheckBox ID="chkSelect" runat="server" />
       </ItemTemplate>
       </asp:TemplateField>

       <asp:TemplateField>
       <ItemStyle width="15%"/>
       <HeaderTemplate>
       <asp:LinkButton ID="lnkFirstName" runat="server" Text="<%$ Resources:LBShowcaseRes,lblFirstName %>" CommandName="Sort" CommandArgument="FirstName"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
             <asp:Label ID="lblFirstName" runat="server" Text='<%#Eval("FirstName") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField>   

       <asp:TemplateField>
       <ItemStyle Width="18%"/>
       <HeaderTemplate>
               <asp:LinkButton ID="lnkLastName" runat="server" Text="<%$ Resources:LBShowcaseRes,lblLastName %>" CommandName="Sort" CommandArgument="LastName"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
              <asp:Label ID="lblLastName" runat="server" Text='<%#Eval("LastName") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField>   

       <asp:TemplateField>
       <ItemStyle Width="20%"/>
       <HeaderTemplate>
              <asp:LinkButton ID="lnkEmailId" runat="server" Text="<%$ Resources:LBShowcaseRes,lblEmailid %>" CommandName="Sort" CommandArgument="EmailAddress"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
              <asp:Label ID="lblEmailId" runat="server" Text='<%# Eval("EmailAddress") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField> 

       <asp:TemplateField> 
       <ItemStyle Width="15%" />
       <HeaderTemplate>
              <asp:Label ID="lblUserName" runat="server" Text="<%$ Resources:LBShowcaseRes,lblUserName %>"></asp:Label>
       </HeaderTemplate>
       <ItemTemplate>
              <asp:TextBox ID="txtUserName" runat="server" Text='<%# Eval("UserName") %>' MaxLength="75" Width="100px" EnableViewState="true"></asp:TextBox>
       </ItemTemplate>
       </asp:TemplateField>  

       <asp:TemplateField>
       <ItemStyle Width="10%" />
       <HeaderTemplate>
               <asp:LinkButton ID="lnkOffice" runat="server" Text="<%$ Resources:LBShowcaseRes,lblOffice %>" CommandName="Sort" CommandArgument="OfficeName"></asp:LinkButton>
       </HeaderTemplate>
       <ItemTemplate>
               <asp:Label ID="lblOffice" runat="server" Text='<%# Eval("OfficeName") %>'></asp:Label>
       </ItemTemplate>
       </asp:TemplateField>

       <asp:TemplateField>
       <ItemStyle Width="20%" />
       <HeaderTemplate>
                <asp:Label ID="lblRolePrompt" runat="server" Text="<%$ Resources:LBShowcaseRes,lblRole %>"></asp:Label>
       </HeaderTemplate>
       <ItemTemplate>
                <asp:HiddenField ID="hdnRole" runat="server" Value='<%# Eval("RoleName") %>' />
                <asp:DropDownList ID="ddlRole" runat="server" AppendDataBoundItems="true">
                </asp:DropDownList>
       </ItemTemplate>
       </asp:TemplateField>

    </Columns>
            </asp:GridView>

        </div>


        <div class="table-nav">
        <asp:Button ID="btnDelete" runat="server" Text="<%$ Resources:LBShowcaseRes,btnDelete %>"  SkinID="leftButton" 
            OnClientClick="var values= GetSelectedUser();return ConfirmDeleteWithValues('Please select at least one User for deletion.',values);" 
            onclick="btnDelete_Click" />              
        <asp:Button ID="btnPrintExport" runat="server" Text="<%$ Resources:LBShowcaseRes,btnPrintRep %>" CausesValidation="false"/>
        <asp:Button ID="btnSave" runat="server" OnClientClick="return ConfirmAddUser();"
            Text="<%$Resources:LBShowcaseRes,btnSave %>"  
            onclick="btnSave_Click" />
        </div>
        <div class="clear">
        </div>
    </div>
</div>