请问如何给datalist或datagrid加分隔线,
我想实现下面的两种功能,请问应该怎么做
一是:
数据绑定 1 数据绑定 2
-------------------------------
数据绑定 3 数据绑定 4
-------------------------------
请问如何在datalist或datagird里加下面的这条分隔线?
二是
数据绑定 1
数据绑定 2
数据绑定 3
----------------
数据绑定 4
数据绑定 5
数据绑定 6
----------------
数据绑定 7
数据绑定 8
数据绑定 9
----------------
数据绑定 10
就是每三条数据加一条分隔线?
请问这个该怎么实现?>
谢谢大家了
[解决办法]
对于DataGrid，在ItemDataBound事件中写：
if (e.Item.ItemIndex > = 0 && e.Item.ItemIndex % 3 == 2)
e.Item.Style[ "border-bottom "] = "1px solid ";
对于DataList，是：
if (e.Item.ItemIndex > = 0 && e.Item.ItemIndex % 2 == 0)
e.Item.Style[ "border-bottom "] = "1px solid ";
[解决办法]
<asp:DataList ID= "DataList1 " runat= "server " CellPadding= "2 " CellSpacing= "2 " Width= "100% " RepeatColumns= "1 ">
<ItemTemplate>
<table>
<tr>
<td width= "100px "> 编号：
</td>
<td width= "550px; "> <%#Eval( "sch_id ") %>
</td>
</tr>
<tr>
<td> 内容：
</td>
<td> <%#Eval( "content ") %>
</td>
</tr>
<tr>
<td colspan= "2 ">
<hr /> //就是这里加条横线
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
[解决办法]
如果你看到
e.Item.Style[ "background-color "] = "red ";
有效果，那么：
e.Item.Style[ "border-bottom "] = "1px solid ";
的问题就不在asp.net，此时你应该从css的角度去看问题所在。
[解决办法]
哦，sorry，我试了一下我的ie上的css，确实需要深入一层。你在ItemDataBound事件中可以写：
if (e.Item.ItemIndex > = 0 && e.Item.ItemIndex % 3 == 2)
foreach(TableCell tc in e.Item.Cells)
tc.Style[ "border-bottom "] = "1px solid ";
