【Repeater控件的多行多列显示】

[清风Style]

代码：
<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这部分显示空隙很大。请帮忙解决一下！！

[bonnibell]

height 给个高度不行么，没用过auto

[koukoujiayi]

<HeaderTemplate>,<FooterTemplate> 都可以不用,事实上你也没派上用处!!
只要用<ItemTemplate>就可以了!!根据你的代码如下,楼主可试一下!!
<ItemTemplate>
<table width="650px" >
<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>
</table>
</ItemTemplate>

[mngzilin]

<table width="650px" style="height:auto">
<asp:Repeater ID="toprepeater" runat="server">
<HeaderTemplate>
<tr>
　 ......
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr>
......
</tr>
</ItemTemplate>
<FooterTemplate>
<tr>
　 ......
</tr>
</FooterTemplate>
</asp:Repeater>
</table>

[wuyq11]

protected void Repeater1_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
if (i % 4 == 0 && i > 0)
{
e.Item.Controls.Add(new LiteralControl("</tr><tr>"));
}
i++;
}

[jiangtianyin]

还是把高度固定一下吧，因为表格很容易被拉伸或撑大，内容多了就会变形

[清风Style]

我按照二楼的方法做。行行之间的间距有些大。