harish kashyap01 Ответов: 0

Вложенное выравнивание gridview не работает должным образом


Привет,
Я пытаюсь разработать вложенный gridview.
У меня возникли проблемы с выравниванием вида дочерней сетки.
Он должен быть выровнен вниз,но он выравнивается слева от той же строки.
пожалуйста, помогите мне.

Что я уже пробовал:

Код ASPX


 <div style="width: 100%; margin-top: 6px; float: left"><asp:gridview id="MyGridview" cssclass="mGridReport" pagerstyle-cssclass="pgr" emptydatatext="No Data Found" 
="" onrowdatabound="gridview_RowDataBound" alternatingrowstyle-cssclass="alt" runat="server" rowstyle-cssclass="rows" style="font-family: Arial;
                                overflow-x: scroll; width: 100%; font-size: Small; font-weight: normal; border-collapse: collapse;
                                white-space: nowrap; clear: both" class="mGridReport" datakeynames="PO.No" autogeneratecolumns="False">
                                <columns>
                                    <asp:templatefield>
                                        <itemtemplate>
                                       <%-- //--%>
                                        <asp:imagebutton runat="server" id="img_btn" imageurl="~/assets/img/arrow.png" onclick="Show_Hide_ChildGrid" commandargument="Show">                                             
                                            <asp:panel id="pnlOrders" runat="server" visible="false" style="position: relative">
                                                <asp:gridview id="gvOrders" runat="server" pagesize="5" 
="" allowpaging="true" cssclass="mGridReport" onpageindexchanging="gvOrders_PageIndexChanging" autogeneratecolumns="false">
                                                    <columns>
                                                    <asp:boundfield itemstyle-width="150px" datafield="SlNo" headertext="SlNo">
                                                    <asp:boundfield itemstyle-width="150px" datafield="ItemCode" headertext="ItemCode">
                                                    <asp:boundfield itemstyle-width="150px" datafield="ItemName" headertext="ItemName">
                                                    <asp:boundfield itemstyle-width="150px" datafield="qty" headertext="qty">
                                                    <asp:boundfield itemstyle-width="150px" datafield="Rate" headertext="Rate">                            
                                                    <asp:boundfield itemstyle-width="150px" datafield="UOMID" headertext="UOMID">
                                                    
                                                
                                            
                                        
                                        
                                   <asp:boundfield itemstyle-width="150px" datafield="SlNo" headertext="SlNo">
                                   <asp:boundfield itemstyle-width="150px" datafield="PO.No" headertext="PO.No">                        
                                   <asp:boundfield itemstyle-width="150px" datafield="PO.Date" headertext="PO.Date">    
                                   <asp:boundfield itemstyle-width="150px" datafield="Party Name" headertext="Party Name">    
                                   <asp:boundfield itemstyle-width="150px" datafield="Ord.Qty" headertext="Ord.Qty">    
                                   <asp:boundfield itemstyle-width="150px" datafield="Rec.Qty" headertext="Rec.Qty">    
                                   <asp:boundfield itemstyle-width="150px" datafield="Value" headertext="Value">    
                                   <asp:boundfield itemstyle-width="150px" datafield="Status" headertext="Status">
                                
                            
                        </div>

Jquery code

 $("[src*=arrow]").live("click", function () {
            debugger;
            //$('ContentPlaceHolder1_MyGridview_pnlOrders').show();
            //$(this).closest("tr").after("" + "")
            //$(this).attr("src", "images/minus.png");
        });

[no name]

Ваш элемент управления помещен слева, так как вы использовали "position: relative" для pnlOrders.
Установите правильное значение в соответствии с вашими потребностями вы можете найти более подробную информацию о нем -

https://www.w3schools.com/cssref/pr_class_position.asp

0 Ответов