Вложенное выравнивание 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