問題:想用Repeater做出下面圖示一樣的感覺，期望第2行的 "一" 能跟第1行 "這" 對齊
美觀的部份，有空再修
================html code==================================
<ItemTemplate>
<table width=400px;>
<tr>
<td class="style2" valign="top" width=50px>測試<%# Eval("ProductID") %></td>
<td class="style2">
<%# Eval("ProductName") %> <%# Eval("ProductName") %> <%# Eval("ProductName") %> <%# Eval("ProductName") %></td>
</tr>
</table>
</ItemTemplate>
================另一個 html code============================
<asp:Repeater ID="Repeater1" runat="server">
<ItemTemplate>
<!--換行開始-->
<%# ((Container.ItemIndex+1) %3 == 0 )? "<br />" :""%>
<!--換行結束->
</ItemTemplate>
</asp:Repeater>
改這樣，會變每2列會加一個br，上面那個要再研究
<%# ((Container.ItemIndex) %2 == 0 )? "<br />" :""%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1">
<HeaderTemplate>
<div style="text-align:center"><h2>Repeater Demo</h2></div>
</HeaderTemplate>
<ItemTemplate>
<div style="background-color:Orange">
<asp:Label ID="Label1" runat="server" Text='<%# Eval("ProductID") %>'></asp:Label><br />
<%# Eval("ProductName") %></div>
</ItemTemplate>
<AlternatingItemTemplate>
<div style="background-color:yellow">
<asp:Label ID="Label1" runat="server" Text='<%# Eval("ProductID") %>'></asp:Label><br /><%# Eval("ProductName") %></div>
</AlternatingItemTemplate>
<SeparatorTemplate><hr /></SeparatorTemplate>
</asp:Repeater>
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
SelectCommand="SELECT * FROM [Products]"></asp:SqlDataSource>
</div>
</form>
</body>
</html>
沒有留言:
張貼留言