c# - 锁定/卡住 ListView 中的表格-6ren

c# - 锁定/卡住 ListView 中的表格

转载作者：行者123 更新时间：2023-11-28 12:20:49

我在一个 div 中有一个 ListView。 div 的最大高度为 240px，因此当 ListView 达到一定数量的行时，div 将滚动。

我希望 ListView 中的 thead 行始终位于 div 的顶部。我已经玩了一段时间并查看了以下 http://blogs.interfacett.com/dan-wahlins-blog2007-8-2-video-using-the-new-asp-net-listview-control-html-and-freezing-the-header ，但遗憾的是我没有运气。我严格按照视频教程进行操作，但(正如页面上唯一的评论所说)它对我不起作用。

我正在使用并且希望继续使用 asp.net 3.5。

如果可能的话，我希望解决方案是纯 CSS 解决方案，但如果需要 JavaScript，那就这样吧。

这是我的html代码

<html code>
<asp:ListView ID="UserListView" runat="server" DataSourceID="ListViewDataSource"
                ItemPlaceholderID="UserListViewContent" EnableModelValidation="True" DataKeyNames="ID,Reference,Type"
                OnPreRender="UserListView_PreRender" OnSelectedIndexChanged="UserListView_SelectedIndexChanged">
                <LayoutTemplate>                    
                    <div id="List" class="ListViewStyle">
                        <table width="600px" cellspacing="0" cellpadding="0">
                            <thead>
                                <tr class="tableHeaderRow" style="height: 24px; text-align:left" >
                                    <th style="width: 45px">
                                        <asp:LinkButton ID="LinkButton1" runat="server" Text="ID" CommandName="Sort" CommandArgument="ID"
                                            CausesValidation="false"></asp:LinkButton>
                                    </th>
                                    <th style="width: 45px">
                                        <asp:LinkButton ID="LinkButton2" runat="server" Text="User" CommandName="Sort" CommandArgument="Reference"
                                            CausesValidation="false"></asp:LinkButton>
                                    </th>
                                    <th style="width: 75px">
                                        <asp:LinkButton ID="LinkButton3" runat="server" Text="Status" CommandName="Sort" CommandArgument="Status"
                                            CausesValidation="false"></asp:LinkButton>
                                    </th>
                                    <th style="width: 100px">
                                        <asp:LinkButton ID="LinkButton4" runat="server" Text="Level" CommandName="Sort" CommandArgument="Type"
                                            CausesValidation="false"></asp:LinkButton>
                                    </th>
                                    <th style="width: 130px">
                                        <asp:LinkButton ID="LinkButton5" runat="server" Text="First Names" CommandName="Sort" CommandArgument="FirstNames"
                                            CausesValidation="false"></asp:LinkButton>
                                    </th>
                                    <th style="width: 125px">
                                        <asp:LinkButton ID="LinkButton6" runat="server" Text="Surname" CommandName="Sort" CommandArgument="Surname"
                                            CausesValidation="false"></asp:LinkButton>
                                    </th>
                                    <th style="width: 80px">
                                    </th>
                                </tr>
                            </thead>
                            <tbody runat="server" id="UserListViewContent">                                    
                            </tbody>
                        </table>
                    </div>
                </LayoutTemplate>
                <AlternatingItemTemplate>
                    <tr class="altRowStyle" style="height: 24px">
                        <td style="width: 45px; overflow:hidden;">
                            <asp:Label ID="IDLabel" runat="server" Text='<%# Eval("ID") %>' />
                        </td>
                        <td style="width: 45px; overflow:hidden;">
                            <asp:Label ID="ReferenceLabel" runat="server" Text='<%# Eval("Reference") %>' />
                        </td>
                        <td style="width: 75px; overflow:hidden;">
                            <asp:Label ID="StatusLabel" runat="server" Text='<%# Eval("Status") %>' />
                        </td>
                        <td style="width: 100px; overflow:hidden;">
                            <asp:Label ID="TypeLabel" runat="server" Text='<%# Eval("Type") %>' />
                        </td>
                        <td style="width: 130px; overflow:hidden;">
                            <asp:Label ID="FirstNamesLabel" runat="server" Text='<%# Eval("FirstNames") %>' />
                        </td>
                        <td style="width: 125px; overflow:hidden;">
                            <asp:Label ID="SurnameLabel" runat="server" Text='<%# Eval("Surname") %>' />
                        </td>
                        <td style="width: 80px; overflow:hidden;">
                            <asp:Button ID="ItemTemplateButton" runat="server" Text="Select" CssClass="standardButton"
                                CommandName="Select"></asp:Button>
                        </td>
                    </tr>
                </AlternatingItemTemplate>
                <ItemTemplate>
                    <tr class="rowStyle" style="height: 24px">
                        <td style="width: 45px; overflow:hidden;">
                            <asp:Label ID="IDLabel" runat="server" Text='<%# Eval("ID") %>' />
                        </td>
                        <td style="width: 45px; overflow:hidden;">
                            <asp:Label ID="ReferenceLabel" runat="server" Text='<%# Eval("Reference") %>' />
                        </td>
                        <td style="width: 75px; overflow:hidden;">
                            <asp:Label ID="StatusLabel" runat="server" Text='<%# Eval("Status") %>' />
                        </td>
                        <td style="width: 100px; overflow:hidden;">
                            <asp:Label ID="TypeLabel" runat="server" Text='<%# Eval("Type") %>' />
                        </td>
                        <td style="width: 130px; overflow:hidden;">
                            <asp:Label ID="FirstNamesLabel" runat="server" Text='<%# Eval("FirstNames") %>' />
                        </td>
                        <td style="width: 125px; overflow:hidden;">
                            <asp:Label ID="SurnameLabel" runat="server" Text='<%# Eval("Surname") %>' />
                        </td>
                        <td style="width: 80px; overflow:hidden;">
                            <asp:Button ID="ItemTemplateButton" runat="server" Text="Select" CssClass="standardButton"
                                CommandName="Select"></asp:Button>
                        </td>
                    </tr>
                </ItemTemplate>
                <SelectedItemTemplate>
                    <tr class="selectedRowStyle" style="height: 24px">
                        <td style="width: 45px; overflow:hidden;">
                            <asp:Label ID="IDLabel" runat="server" Text='<%# Eval("ID") %>' />
                        </td>
                        <td style="width: 45px; overflow:hidden;">
                            <asp:Label ID="ReferenceLabel" runat="server" Text='<%# Eval("Reference") %>' />
                        </td>
                        <td style="width: 75px; overflow:hidden;">
                            <asp:Label ID="StatusLabel" runat="server" Text='<%# Eval("Status") %>' />
                        </td>
                        <td style="width: 100px; overflow:hidden;">
                            <asp:Label ID="TypeLabel" runat="server" Text='<%# Eval("Type") %>' />
                        </td>
                        <td style="width: 130px; overflow:hidden;">
                            <asp:Label ID="FirstNamesLabel" runat="server" Text='<%# Eval("FirstNames") %>' />
                        </td>
                        <td style="width: 125px; overflow:hidden;">
                            <asp:Label ID="SurnameLabel" runat="server" Text='<%# Eval("Surname") %>' />
                        </td>
                        <td style="width: 80px; overflow:hidden;">
                            <asp:Button ID="ItemTemplateButton" runat="server" Text="Select" CssClass="standardButton"
                                CommandName="Select"></asp:Button>
                        </td>
                    </tr>
                </SelectedItemTemplate>
            </asp:ListView>

这是CSS

<css code>
.ListViewStyle
{
    width: 620px;
    max-height: 240px;
    height: expression( scrollHeight < 240 ? 'auto' : '240px' );
    overflow: auto;
    border-left: 1px solid #EEF5FE;
}

.ListViewStyle th
{
    position:relative;
}

我们将不胜感激任何帮助。

干杯

最佳答案

你可以尝试这样的事情:

.ListViewStyle
{
    width: 620px;
    max-height: 240px;
    height: expression( scrollHeight < 240 ? 'auto' : '240px' );
    overflow: auto;
    border-left: 1px solid #EEF5FE;
    position:relative;
    padding-top: 24px;
}

.ListViewStyle thead
{
    position:absolute;
    top: 0;
}

应该将 head 定位在包装 div 的顶部，并向下填充列表的其余部分，这样它就不会被 thead 遮挡。

编辑:这不起作用。对不起。

关于c# - 锁定/卡住 ListView 中的表格，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18873944/

文章推荐： ios - 导航栏中的 UISearchBar 无法输入文本

文章推荐： javascript - jQuery 动画 scrollTop 与 requestAnimationFrame - 性能

Android Listview - 如何在 getview() 覆盖中设置 ListView 。 ListView 采用父布局而不是 ListView
我之前在论坛上发布过这个，但我想我不太清楚。我有一个侧边栏 ListView 和一个包含我的控件的主面板。我想在 oncreate() 中突出显示 listview 中的 Activity 项，因为每
listview - 如何在 ListView 中展开卡片以显示更多数据，甚至是另一个 ListView
这里有没有人知道我如何通过 onTap() 扩展 ListView 项(在本例中为卡片)的内容 - 以显示更多选项？您知道那里有可以提供帮助的酒吧吗？我已经看过了，但我不知道要搜索什么？我相信你们都
listview - 行颜色javafx listview
我的 ListView 控件有问题。我希望我的奇数行和偶数行具有不同的颜色，但我想通过代码而不是 FXML 来实现。例如: 第一行 - 绿色第二行 - 红色第三行 - 绿色第四行 - 红色现在
listview - 如何在javafx中获得透明 ListView ？
我有一个 ListView 。我想让单元格背景透明。目前，我正在做以下事情: .list-cell { -fx-background-color: transparent; } 但是，细胞的颜
listview - flutter 。在非常大的 ListView 上设置 ListView 初始位置
我想创建一个几乎无限的元素列表，但我想将列表的初始位置设置为某个特定元素。像这张图片: 其中索引 0 将是初始位置，并且此列表可能会也可能不会在两个方向上延伸很长。我可以像这样创建我的元素: W
listview - ListView 的可见项
有没有办法在JavaFX中获取ListView的可见项？我想确定 JavaFX 应用程序中 ListView 显示的第一个可见项。以下代码found here不适合我(仅适用于 TableView)
listview - 如何在 ListView 中拉伸(stretch) ListView 项
开发人员。我尝试在水平方向拉伸(stretch) ListView 项目。我确实重置了 ItemContainerStyle ，并且水平对齐是拉伸(stretch)的。这是 MainPage.xam
listview - ListView 的可见项
有没有办法在JavaFX中获取ListView的可见项？我想确定 JavaFX 应用程序中 ListView 显示的第一个可见项。以下代码found here不适合我(仅适用于 TableView)
listview - 如何在Jquerymobile中动态排序 ListView
我想问一下: 我有一个预定义顺序的数组。 var order=new Array(); order[0]="Tesco"; order[1]="Interspar"; order[2]="
listview - Flutter:到达嵌套 ListView 的底部时继续在顶部 ListView 中滚动
我希望创建以下内容:当到达内部 Listview 的顶部或底部时，我想继续在顶部 Listview 中滚动。见动图: Gif of what I got so far 一个选项是在到达底部时将内部 L
listview - ajax后刷新jQuery移动 ListView
我正在尝试在 ajax 发布后刷新 jQuery 移动 ListView ，我一直在尝试使用 .trigger("create") 来执行此操作，如下所示: Most Played
python - ListView 缺少 QuerySet。定义 ListView.model、ListView.queryset 或覆盖 ListView.get_queryset()
我真的不明白是什么导致了错误我检查了文档，这里有一个非常相似的例子是我的 views.py，我使用的应用程序下的 urls.py 包含，以及模板 View .py class SchoolListVi
android - ListView 内的 ListView 和嵌套 ListView 的高度问题
我有这个父布局 parent_listview 的列表项具有这种布局 child_listview 的项目有这个布局
android - Listview setOnItemClickListener - 不适用于自定义 ListView ，但适用于简单 ListView
我在单击列表项时获取 listview 项时遇到问题。我得到了 simple listview(Arrayadapter) 的 listview item，但我遇到了 custom listview
listview - 下拉 ListView
我有一个工作正常的 DropdownMenu，但我需要一个 ListView，但我无法转换它。 DropdownMenu 如下所示: // Create the List of devices t
listview - Flutter:ListView.builder 中的 ListView.builder
我想实现一个可滚动(垂直)且其中包含元素的屏幕。所以我把它放在 listview.builder 上。问题是，其中一个元素是另一个水平滚动的 listview.builder。当我实现它时，horiz
listview - SwiftUI 如果 ListView 中的项目太多，为什么 ListView 中的按钮会停止工作？
帮助!我想不通! 为了帮助我学习 SwiftUI，我正在使用 ListView 制作一个简单的杂货 list 应用程序。点击列表中的每个项目时，有些按钮会变成绿色或红色。在我向列表数组中添加太多项目
android - 具有动态加载图像的 ListView - 如何等待 ListView 加载所有图像，然后显示 ListView
所以我知道我们可以等待 ListView 加载，然后显示它。但是，如果我们动态加载正在下载的图像，ListView 将加载但图像尚未加载，因此它们不会出现在 ListView 中。可接受的等待 Li
android - 如何从自定义 ListView 数组适配器类中的 ListView 中删除行并刷新 ListView 中的剩余项目？
我是 Android 的新手，正在努力提高编程技能。在这里，我有自定义 ListView 适配器类，我曾在其中显示 ListView 项目，如 TextView 、图像等。我需要做的是，我在 Li
java - ListView 适配器行为异常。在我单击同一个 ListView 中的按钮后，ListView 中不相关的按钮被单击
So, what I want is to individually disable a button for the concerned item in the ListView when clic

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

c# - 锁定/卡住 ListView 中的表格