c# - 我如何在 ASP.NET 中为我的 ListView 控件获取滚动条

Question

我构建了一个 ASP.NET 应用程序并使用了两个 div 和一个 ListView。我的 ListView 从数据库获取数据，如果我有太多行，我会溢出，但我想要这个 ListView 的滚动条。

我的网站:

如果我有很多行，我的网站 :(

我的网站有我想要的滚动条!

我的代码:

<asp:Content ID="Content2" ContentPlaceHolderID="lw_content" runat="server">
    <div class="userlist">
        <div class="liste">

            <asp:ListView runat="server" ID="myListView">

                <LayoutTemplate>
                    <table id="UserList" border="0" cellpadding="0" cellspacing="0">
                        <tr style="background-color:#ccdaeb">
                            <th align="left">
                                <asp:Label ID="header_name" runat="server" Text="Name"></asp:Label></th>
                            <th align="left">
                                <asp:Label ID="header_firma" runat="server" Text="Firma"></asp:Label></th>
                            <th align="left">
                                <asp:Label ID="header_von" runat="server" Text="gültig ab"></asp:Label></th>
                            <th align="left">
                                <asp:Label ID="header_bis" runat="server" Text="gültig bis"></asp:Label></th>
                            <th align="left">
                                <asp:Label ID="header_ersteller" runat="server" Text="erstellt von"></asp:Label></th>
                        </tr>
                        <tr id="itemPlaceholder" runat="server"></tr>
                    </table>
                </LayoutTemplate>

                <ItemTemplate>
                    <tr>
                        <td align="left"><asp:Label ID="lblname" Text='<%# Eval("GanzerName") %>' runat="server"  /></td>
                        <td align="left"><asp:Label ID="lblfirma" Text='<%# Eval("Firma") %>' runat="server"  /></td>
                        <td align="left"><asp:Label ID="lblvon" Text='<%# Eval("GültigVon") %>' runat="server"  /></td>
                        <td align="left"><asp:Label ID="lblbis" Text='<%# Eval("GültigBis") %>' runat="server"  /></td>
                        <td align="left"><asp:Label ID="lblersteler" Text='<%# Eval("Ersteller") %>' runat="server"  /></td>
                    </tr>
                </ItemTemplate>

                <EmptyDataTemplate>
                    <h4>Es wurden keine Einträge gefunden</h4><br/>
                    <asp:Button runat="server" ID="btnAnlegen" Text="Benutzer Anlegen"/>
                </EmptyDataTemplate>

                <AlternatingItemTemplate>
                    <tr>
                        <td align="left"><asp:Label ID="lblname" Text='<%# Eval("GanzerName") %>' runat="server"  /></td>
                        <td align="left"><asp:Label ID="lblfirma" Text='<%# Eval("Firma") %>' runat="server"  /></td>
                        <td align="left"><asp:Label ID="lblvon" Text='<%# Eval("GültigVon") %>' runat="server"  /></td>
                        <td align="left"><asp:Label ID="lblbis" Text='<%# Eval("GültigBis") %>' runat="server"  /></td>
                        <td align="left"><asp:Label ID="lblersteler" Text='<%# Eval("Ersteller") %>' runat="server"  /></td>
                    </tr>
                </AlternatingItemTemplate>

            </asp:ListView>

        </div>
    </div>
</asp:Content>

Answer 1

如果列出 div 并设置 overflow，您可以修复 hsight可见或适合您的东西。高度必须小于侧面 div 中数据所占的高度才能看到滚动条。

改变

 <div class="liste">

到

<div class="liste" style="height:300px; overflow:scroll">

或

<div class="liste" style="height:300px; overflow:visible">