如何在 asp:Repeater ItemTemplate 中放置垂直滚动条？

【问题标题】：How to put an Vertical scrollbar within asp:Repeater ItemTemplate?如何在 asp:Repeater ItemTemplate 中放置垂直滚动条？
【发布时间】：2013-03-12 22:28:39
【问题描述】：

我继承了一个 .ascx 控件，该控件由一个包含 HeaderTemplate、一个 ItemTemplate 和一个空 FooterTemplate 的 asp:repeater 构造组成。

标题和项目模板都链接到数据源。

我的问题很简单，我想在 ItemTemplate 上应用一个垂直滑块，这样我就可以上下滚动其中包含的项目，而 HeaderTemplate 保持静态。

我尝试在 ItemTemplate 中使用 asp:Panel，但这不会呈现模板中的行。

我已将整个 asp:Repeater 封装在一个指定垂直滚动条的 asp:Panel 中。这可行，但如果 ItemTemplate 中的行数很大，则会将标题滚动到视图之外。

如果有人能提供帮助并提出前进的方向，我将不胜感激。

【问题讨论】：

标签： asp.net scrollbar panel ascx asprepeater

【解决方案1】：

可以通过一些 CSS 技巧以简单的方式完成，例如

中继器项目模板标记

<HeaderTemplate>
  <div class="template">
</HeaderTemplate>
<ItemTemplate>
    Your Stuff
 </ItemTemplate>
<FooterTemplate>
  </div>
</FooterTemplate>

为“模板”定义的 CSS

.template {
   height: 200px;
   overflow-y: scroll;
}

希望这会有所帮助！

【讨论】：

你很善良。谢谢，我会试一试，让你知道我的进展情况。
不幸的是它不起作用，因为它只是为 ItemTemplate 中的每一行插入一个滚动条。谢谢大家的回复。
@MPG，我已经编辑了我的答案并将模板 div 移动到页眉模板中并在页脚模板中关闭它。这肯定会解决您的问题。
很抱歉这么晚才回复，但感谢 Kundan 的友好回复。