请问如何给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事件中可以写: