| zhixin's profileMYspace.comPhotosBlogLists | Help |
|
June 16 DataList 横向排版及CSS 设置下午搞了一个dataList横排表格,留个脚印吧。
<table width="100%" border="1" style="border-collapse: collapse;" style="border: 1px solid block"
bordercolor="#111111" cellpadding="0" cellspacing="0"> <tr> <td> 开始时间 </td> <td rowspan="3"> <asp:DataList ID="DataList1" runat="server" RepeatColumns="3" RepeatDirection="Horizontal"> <ItemTemplate> <table width="100%" border="1" frame="rhs" style="border-collapse: collapse; border-bottom: 1px solid block" bordercolor="#111111"> <tr> <td style="background-color: White"> <%# DataBinder.Eval(Container.DataItem, "CreateDate","{0:yyyy-MM-dd}")%> </td> </tr> <tr> <td style="background-color: White"> <%# DataBinder.Eval(Container.DataItem, "NewsTitle")%> </td> </tr> <tr> <td style="background-color: White"> <%# DataBinder.Eval(Container.DataItem, "ExpireDate","{0:yyyy-MM-dd}")%> </td> </tr> </table> </ItemTemplate> </asp:DataList> </td> </tr> <tr> <td class="style1"> 标题 </td> </tr> <tr> <td class="style1"> 过期时间 </td> </tr> </table> 下面一个是repeater的
<asp:Repeater runat="server" id="repeater1" OnItemDataBound="Repeater1_ItemDataBound">
<HeaderTemplate> <table width="100%" border=0 align="center"><tr> </HeaderTemplate> <ItemTemplate> <td><%#DataBinder.Eval(Container.DataItem,"字段名")%></td> </ItemTemplate> <FooterTemplate> </tr></table> </FooterTemplate> </asp:Repeater> --------------------- //定义全局变量i int i=0; void Repeater1_ItemDataBound(object src,RepeaterItemEventArgs e){ if(i%3==0){ e.Item.Controls.Add(new LiteralControl("</tr><tr>")); } i++; } |
|
|