I have an ASP datalist, but I can't get the columns to all line up right. How do I do it? I'm using tables but it doesn't work right. Here is my code (sorry it is so much):
Code:
<asp:DataList id="DataList1" Runat="server" BorderColor="black" EnableViewState="True" CellSpacing="0"
Font-Name="Times New Roman" Font-Size="8pt" HeaderStyle-BackColor="#aaaadd" AlternatingItemStyle-BackColor="Gainsboro"
EditItemStyle-BackColor="lightgreen" OnEditCommand="DataList_EditCommand" OnCancelCommand="DataList_CancelCommand"
BorderWidth="1" CellPadding="1" OnUpdateCommand="DataList_UpdateCommand" DataKeyField="ConsumerAccountNumber"
HorizontalAlign="Center" Gridlines="Both" Width="100%" ItemStyle-Width="20%" OnDeleteCommand="DataList_DeleteCommand">
<HeaderTemplate>
<table width="100%">
<tr>
<th align="left">
<font size="2">
<asp:LinkButton OnClick="SortAccountNo" Runat="server">Account No</asp:LinkButton>
</font>
</th>
<th align="left">
<font size="2">
<asp:LinkButton OnClick="SortLastName" Runat="server">Last Name</asp:LinkButton>
</font>
</th>
<th align="left">
<font size="2">First Name</font>
</th>
<th align="left">
<font size="2">Address</font>
</th>
<th align="left">
<font size="2">Address (Line 2)</font>
</th>
<th align="left">
<font size="2">City</font>
</th>
<th align="left">
<font size="2">State</font>
</th>
</tr>
</table>
</HeaderTemplate>
<ITEMTEMPLATE>
<TABLE width="100%">
<TR>
<TD align="center" width="70"><FONT size="2"><%# DataBinder.Eval(Container.DataItem, "ConsumerAccountNumber") %></FONT></TD>
<TD align="center" width="70"><FONT size="2"><%# DataBinder.Eval(Container.DataItem, "LastName") %></FONT></TD>
<TD align="center" width="70"><FONT size="2"><%# DataBinder.Eval(Container.DataItem, "FirstName") %></FONT></TD>
<TD align="center" width="70"><FONT size="2"><%# DataBinder.Eval(Container.DataItem, "FirstLineOfAddress") %></FONT></TD>
<TD align="center" width="70"><FONT size="2"><%# DataBinder.Eval(Container.DataItem, "SecondLineOfAddress") %></FONT></TD>
<TD align="center" width="70"><FONT size="2"><%# DataBinder.Eval(Container.DataItem, "City") %></FONT></TD>
<TD align="center" width="70"><FONT size="2"><%# DataBinder.Eval(Container.DataItem, "State") %></FONT></TD>
</TR>
<TR>
<TD>
<asp:LinkButton id="button1" runat="server" CommandName="edit" Text="Edit"></asp:LinkButton></TD>
<TD>
<asp:LinkButton id="Linkbutton5" runat="server" CommandName="delete" Text="Delete"></asp:LinkButton></TD>
</TR>
</TABLE>
</ITEMTEMPLATE>
<EDITITEMTEMPLATE>
<TABLE width="100%">
<TR>
<TD align="center"><FONT size="2"><%# DataBinder.Eval(Container.DataItem, "ConsumerAccountNumber") %></FONT></TD>
<TD align="center" width="70">
<asp:TextBox id=txtLastName runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "LastName") %>'>
</asp:TextBox></TD>
<TD align="center" width="70">
<asp:TextBox id=txtFirstName runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "FirstName") %>'>
</asp:TextBox></TD>
<TD align="center" width="70">
<asp:TextBox id=txtAddress runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "FirstLineOfAddress") %>'>
</asp:TextBox></TD>
<TD align="center" width="70">
<asp:TextBox id=txtAddress2 runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "SecondLineOfAddress") %>'>
</asp:TextBox></TD>
<TD align="center" width="70">
<asp:TextBox id=txtCity runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "City") %>'>
</asp:TextBox></TD>
<TD align="center" width="70">
<asp:DropDownList id="ddlState" runat="server">
<asp:ListItem>AZ</asp:ListItem>
</asp:DropDownList></TD>
</TR>
<TR>
<TD>
<asp:LinkButton id="button2" runat="server" CommandName="update" Text="Update"></asp:LinkButton></TD>
<TD>
<asp:LinkButton id="button3" runat="server" CommandName="cancel" Text="Cancel"></asp:LinkButton></TD>
</TR>
</TABLE>
</EDITITEMTEMPLATE>
</asp:DataList>
Thanks!
Linear Mode
