我想实现
A a1 a2 a3
B b1 b2 b3 b4
C c1 c2 c3 c4
c5 c6
如上的效果,用datalist嵌套datalist,发现在显示小写abc的时候我设4例,那么,a1,a2,a3与b1,b2,b3,b4无法对齐,这要如何解决啊,我在当中用了表格。
<asp:datalist id="classlist" Width="100%" ShowHeader="False" runat="server" ShowFooter="False"RepeatColumns="1">
<ItemStyle Font-Size="9pt" VerticalAlign=""></ItemStyle>
<ItemTemplate>
<TABLE cellSpacing="0" cellPadding="0" width="100%" border="0">
<TR>
<TD vAlign="top" width="60" height="25">
<FONT color="tomato" size="2">
<B><%# DataBinder.Eval(Container.DataItem,"ClassName") %></B>
</FONT>
<asp:Label id=lblTypeId runat="server" Visible="false" Text=<%# DataBinder.Eval(Container.DataItem,"ClassID")%>>
</asp:Label></TD>
<TD vAlign="top" align="left" width="540" height="25">
<asp:DataList id="classlist1" Width="100%" ShowHeader="False" runat="server" ShowFooter="False" RepeatColumns="8" RepeatDirection="Horizontal">
<AlternatingItemStyle Font-Size="9pt" HorizontalAlign="Left" VerticalAlign="">
</AlternatingItemStyle>
<ItemStyle Font-Size="9pt" HorizontalAlign="Left" VerticalAlign="">
</ItemStyle>
<ItemTemplate>
<%# DataBinder.Eval(Container.DataItem,"ClassName") %>
</ItemTemplate>
</asp:DataList></TD>
</TR>
</TABLE>
</ItemTemplate>
</asp:datalist>
<ItemTemplate>
<%# DataBinder.Eval(Container.DataItem,"ClassName") %>
</ItemTemplate>
在这里面加个表格,并设定宽度
嵌套层里每层放个单独的Table,固定每个单元格的宽度,就可以了
看看这个界面,也是用datalist嵌套实现的
http://www.easewe.com/Article/Default.aspx