Ширина сетки Gridview выходит за границы ширины содержимого Bcz больше - PullRequest
Новая
       0

Ширина сетки Gridview выходит за границы ширины содержимого Bcz больше

0 голосов
/ 19 октября 2011 
     <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>

моя таблица css является таблицей {border-collapse: collapse;width: 100%}

Теперь, когда я запускаю страницу, ширина gridview выходит за пределы 100% bcz, ширина контента очень велика ... поэтому я хочу сделать так, чтобы контент достигал разрыва после достиженияширина этого столбца, что мне делать, пожалуйста, помогите мне .......

изменено Записи по выбранным критериям не существуют 

                 <Columns>
       <asp:TemplateField>
       <ItemStyle Width="20px"/>
       <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="35px"/>
       <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="35px"/>
       <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="35px"/>
       <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="35px" />
       <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="35px" />
       <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="50px" />
       <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>

Ответы [ 2 ]

0 голосов
/ 19 октября 2011

Установить ширину сетки в пикселях (фиксировано) вместо процента.Если вы установите ширину в процентах, ширина сетки будет изменяться с помощью «div или table или Page width».

0 голосов
/ 19 октября 2011

В вашем коде вы не указали ширину вашего вида сетки. Присвойте ширине вида сетки также 100% и измените ширину каждого TemplateField с% на обычные числа в соответствии с вашими настройками.

EDIT:

Затем увеличьте также высоту вида сетки, чтобы данные корректировались и соответствовали таблице.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...