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>&nbsp;&nbsp;&nbsp;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 (将#修改为@）