我用Repeater绑定数据的时候在其中加入了表格,而且使用了<SeparatorTemplate>模板,但是显示出来的每两行数据中都有一行空白,效果如图:而我要的只是在每两行数据之间加一条<hr>分割线,我想也许是由于<tr>会换行引起的,请给为高手指点错误原因和解决方案以下是部分代码
<style type="text/css">
td{
border:0px;
border-right:1px white solid;
}
.last{
border-right:0px;
}
</style>
<asp:Repeater ID="Repeater1" runat="server">
<HeaderTemplate><table><tr style="background-color:#a1a3a6"><td>姓名</td><td>学号</td><td>城市</td><td class="last">婚婚姻状况</td></tr></HeaderTemplate>
<ItemTemplate>
<tr style="background-color:#a1a3a6">
<td><%#DataBinder.Eval(Container.DataItem,"stuName") %></td>
<td><%#DataBinder.Eval(Container.DataItem,"stuNum") %></td>
<td><%#DataBinder.Eval(Container.DataItem,"city") %></td>
<td class="last"><%#DataBinder.Eval(Container.DataItem,"marige") %></td>
</tr>
</ItemTemplate>
<AlternatingItemTemplate>
<tr style="background-color:#dde0df">
<td><%#DataBinder.Eval(Container.DataItem,"stuName") %></td>
<td><%#DataBinder.Eval(Container.DataItem,"stuNum") %></td>
<td><%#DataBinder.Eval(Container.DataItem,"city") %></td>
<td class="last"><%#DataBinder.Eval(Container.DataItem,"marige") %></td>
</tr>
</AlternatingItemTemplate>
<SeparatorTemplate><tr style="height:0px;"><td colspan="4" class="last"><hr style="color:White;size:1px;" /></td></tr></SeparatorTemplate> <FooterTemplate></table></FooterTemplate>
</asp:Repeater>
虽然只用CSS控制表格边框也能达到我要的效果,但我想尝试用]<SeparatorTemplate>模板和<hr>来实现,请各位帮忙
<style type="text/css">
td{
border:0px;
border-right:1px white solid;
}
.last{
border-right:0px;
}
</style>
<asp:Repeater ID="Repeater1" runat="server">
<HeaderTemplate><table><tr style="background-color:#a1a3a6"><td>姓名</td><td>学号</td><td>城市</td><td class="last">婚婚姻状况</td></tr></HeaderTemplate>
<ItemTemplate>
<tr style="background-color:#a1a3a6">
<td><%#DataBinder.Eval(Container.DataItem,"stuName") %></td>
<td><%#DataBinder.Eval(Container.DataItem,"stuNum") %></td>
<td><%#DataBinder.Eval(Container.DataItem,"city") %></td>
<td class="last"><%#DataBinder.Eval(Container.DataItem,"marige") %></td>
</tr>
</ItemTemplate>
<AlternatingItemTemplate>
<tr style="background-color:#dde0df">
<td><%#DataBinder.Eval(Container.DataItem,"stuName") %></td>
<td><%#DataBinder.Eval(Container.DataItem,"stuNum") %></td>
<td><%#DataBinder.Eval(Container.DataItem,"city") %></td>
<td class="last"><%#DataBinder.Eval(Container.DataItem,"marige") %></td>
</tr>
</AlternatingItemTemplate>
<SeparatorTemplate><tr style="height:0px;"><td colspan="4" class="last"><hr style="color:White;size:1px;" /></td></tr></SeparatorTemplate> <FooterTemplate></table></FooterTemplate>
</asp:Repeater>
虽然只用CSS控制表格边框也能达到我要的效果,但我想尝试用]<SeparatorTemplate>模板和<hr>来实现,请各位帮忙
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货