datalist显示的格式很凌乱。谁能帮我优化一下，相datagrid那样显示数据，行列对齐。

Question

<ItemTemplate>
           <table cellSpacing="1" cellPadding="1" width="100%" border="1" style="border:1px solid black;" >
      <tr >
      
       <td id="1"   align="center"  width="4%"><%#DataBinder.Eval(Container.DataItem,"WTPROD")%></td>
       <td id="2"   align="center"  width="4%"><%#DataBinder.Eval(Container.DataItem,"WTTOOL")%></td>
       <td id="3"  align="center"  width="4%"><%#DataBinder.Eval(Container.DataItem,"WTFDES")%></td>
       <td id="4"  align="center"  width="4%"><%#DataBinder.Eval(Container.DataItem,"WTTDES")%></td>
       <td id="5"  align="center"  width="4%"><%#DataBinder.Eval(Container.DataItem,"WTTEQU")%></td>
       <td id="6"  align="center"  width="4%"><%#DataBinder.Eval(Container.DataItem,"WTFAC")%></td>
       <td id="7"  align="center"  width="4%"><%#DataBinder.Eval(Container.DataItem,"WTPIGM")%></td>
       <td id="8"  align="center"  width="4%"><%#DataBinder.Eval(Container.DataItem,"WTIDES")%></td>
       <td id="9"  align="center"  width="4%"><%#DataBinder.Eval(Container.DataItem,"WTICLS")%></td>
<td id="10"  align="center"  width="4%"><%#DataBinder.Eval(Container.DataItem,"WTPLAS ")%></td>
<td id="11"  align="center"  width="4%"><%#DataBinder.Eval(Container.DataItem," WTPDES")%></td>
<td id="25"  align="center"  width="4%"><%#DataBinder.Eval(Container.DataItem,"WTPCLS ")%></td>
<td id="12"  align="center"  width="4%"><%#DataBinder.Eval(Container.DataItem,"WTQTY ")%></td>
<td id="13"  align="center"  width="4%"><%#DataBinder.Eval(Container.DataItem," WTSCYL")%></td>
<td id="14"  align="center"  width="4%"><%#DataBinder.Eval(Container.DataItem,"WTACYL ")%></td>
<td id="15"  align="center"  width="4%"><%#DataBinder.Eval(Container.DataItem," WTMACH")%></td>
<td id="16"  align="center"  width="4%"><%#DataBinder.Eval(Container.D0.ataItem,"WTSIZE ")%></td>
<td id="17"  align="center"  width="4%"><%#DataBinder.Eval(Container.DataItem, "WTLOC ")%></td>
<td id="18"  align="center"  width="4%"><%#DataBinder.Eval(Container.DataItem, "WTPCAV ")%></td>
<td id="19"  align="center"  width="4%"><%#DataBinder.Eval(Container.DataItem, " WTPNET")%></td><td id="20"  align="center"  width="4%"><%#DataBinder.Eval(Container.DataItem," WTGPER")%></td><td id="21"  align="center"  width="4%"><%#DataBinder.Eval(Container.DataItem," WTSTAT")%></td><td id="22"  align="center"  width="4%"><%#DataBinder.Eval(Container.DataItem," WTLUSR")%></td><td id="23"  align="center"  width="4%"><%#DataBinder.Eval(Container.DataItem,"WTLDTE ")%></td>
<td id="24"  align="center"  width="4%"><%#DataBinder.Eval(Container.DataItem,"WTLTME ")%></td>  
      </tr>
     </table>
        
</ItemTemplate>显示出来的数据很乱，第一行第n列和第二行的第n列都不对齐。。我都不知道怎么改了，

Answer 1

你把table的头和尾放到<HeaderTemplate></HeaderTemplate>和<FooterTemplate></FooterTemplate>里面

Answer 2

<asp:DataList runat="server" ID="dlist">
    <HeaderTemplate> <table>
    <thead>
        <tr><td>列tou</td><td>列tou</td></tr>
    </thead>
    </HeaderTemplate>
    <ItemTemplate>
       
            <tr>
                <td>数据</td>
                <td>数据</td>
            </tr>
        
    </ItemTemplate>
    <FooterTemplate></table></FooterTemplate>
</asp:DataList>