.NET社区
【Repeater控件的多行多列显示】
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区代码：
<div id="TopJokes" style="height:auto">
<asp:Repeater ID="toprepeater" runat="server">
<HeaderTemplate>
<table width="650px" style="height:auto">
</HeaderTemplate>
<ItemTemplate>
<tr>
<td style="width:10px;"><img src="image/arrowred.gif" alt="" /></td>
<td style="width:400px;"><a href="TopJokes.aspx?ID=<%#DataBinder.Eval(Container.DataItem,"Title") %>"><%#DataBinder.Eval(Container.DataItem,"Title")%></a></td>
<td style="text-align:left; width:120px;">点击：<asp:Label ID="Label5" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"Hits") %>'></asp:Label></td>
<td style="text-align:left; width:120px;">回复：<asp:Label ID="Label6" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"Replays") %>'></asp:Label></td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>
</div>
其中#TopJokes
{
width: 660px;
float: right;
height: 600px;
border-bottom: #99ffff thin solid;
border-left: #99ffff thin solid;
margin-left: 2px;
border-top: #99ffff thin solid;
border-right: #99ffff thin solid;
margin-top: 3px;
}
运行显示时，HeaderTemplate这部分显示空隙很大。请帮忙解决一下！！
<div id="TopJokes" style="height:auto">
<asp:Repeater ID="toprepeater" runat="server">
<HeaderTemplate>
<table width="650px" style="height:auto">
</HeaderTemplate>
<ItemTemplate>
<tr>
<td style="width:10px;"><img src="image/arrowred.gif" alt="" /></td>
<td style="width:400px;"><a href="TopJokes.aspx?ID=<%#DataBinder.Eval(Container.DataItem,"Title") %>"><%#DataBinder.Eval(Container.DataItem,"Title")%></a></td>
<td style="text-align:left; width:120px;">点击：<asp:Label ID="Label5" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"Hits") %>'></asp:Label></td>
<td style="text-align:left; width:120px;">回复：<asp:Label ID="Label6" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"Replays") %>'></asp:Label></td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>
</div>
其中#TopJokes
{
width: 660px;
float: right;
height: 600px;
border-bottom: #99ffff thin solid;
border-left: #99ffff thin solid;
margin-left: 2px;
border-top: #99ffff thin solid;
border-right: #99ffff thin solid;
margin-top: 3px;
}
运行显示时，HeaderTemplate这部分显示空隙很大。请帮忙解决一下！！
...全文
相关推荐
数据显示控件Repeater和datalist的用法
DataList可以显示多行或多列的数据，而且它的模板比Repeater稍微简单一些。
窗体与数据显示控件 GridView控件、DataList控件和Repeater控件
DataList控件：DataList控件相比GridView更灵活，它可以以流式布局显示数据，不局限于表格格式。DataList允许开发者自定义每一项数据的布局，可以创建复杂的多列或多行布局。
ASP.NET 2.0数据教程
**DataList控件**： DataList是一种灵活的布局控件，它可以用来显示来自数据源的数据，并允许自定义模板来呈现数据。DataList不仅支持单一记录的显示，还能用于显示多行多列的数据。
asp.net 常用控件
**文本框（TextBox）**：文本框控件允许用户输入文本，常见的应用场景包括用户名、密码等字段。可以设置其是否只读、多行输入、最大长度等属性。2.
asp.net 学习系列11
`DataList`控件是一个可自定义布局的、可重复显示数据的控件，它可以显示多行、多列的数据，并支持模板字段，提供了一定程度的内置功能，如分页和排序。
