如何解决ASP 中继器与模态扩展器重叠
我们在 ASP 面板中有一个 ASP 中继器(日志),它通过按钮显示。效果很好,但是如果repeater里的记录超过20条,它只会侵入整个屏幕,不会停留在模态/表格中。
<asp:Panel ID="pnlLog" runat="server" CssClass="modal-dialog modal-dialog-centered modal-lg" Style="display: none;">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<div class="modal-header d-flex justify-content-center" style="text-align: center !important; display: contents;">
<h5 class="modal-title" id="headLog"><i class="fa fa-address-card prefix"></i> Log</h5>
</div>
<div class="modal-body text-center">
<asp:Repeater ID="rpBitacora" runat="server">
<HeaderTemplate>
<table id="Table1" border="1" class="table table-striped table-bordered table-sm">
<tr>
<th scope="col">Id
</th>
<th scope="col">Log Entry
</th>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr>
<td>
<%#Eval("userId")%>
</td>
<td>
<%#Eval("descripcion")%><br />
<small class="text-muted">Created on <%#Eval("fecha")%></small>
</td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>
<div class="modal-footer">
<div class="col-sm-12">
<asp:Button ID="Button3" runat="server" CssClass="btn btn-primary" Text="Close" OnClick="closeBtnLog_Click" />
</div>
</div>
</div>
</div>
</div>
</asp:Panel>
看起来像这样...当记录很少时
看起来像这样...有更多记录
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。