日期:2014-05-20  浏览次数:20435 次

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