datalist的问题

Question

datelist控件设计一个显示数据的表格，代码如下：
<asp:DataList ID="DataList1" runat="server" Width="1105px" 
               BorderColor="#999966" GridLines="Both">
               <HeaderStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" 
                   Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Justify" 
                   VerticalAlign="Middle" />
             <HeaderTemplate>
              <table>
                <tr>
                  <td>收件人</td>
                  <td>事由</td>
                  <td>条数</td>
                  <td>信息类别</td>
                  <td>
                    <table>
                      <tr>
                        <td colspan='5' >发送状态</td>
                      </tr>
                      <tr>
                        <td>草稿</td>
                        <td>成功</td>
                        <td>失败</td>
                        <td>处理中</td>
                       <td>队列中</td>
                      </tr>
                   </table>
                 </td>
              </tr>
            </table>
           </HeaderTemplate>
               <ItemTemplate>
                  <table>
                    <tr>
                       <td><asp:Label ID="Label1" runat="server" Text='<%Eval("recr_name") %>'></asp:Label></td>
                       <td><asp:Label ID="Label2" runat="server" Text='<%Eval(reason") %>'></asp:Label></td>
                       <td><asp:Label ID="Label3" runat="server" Text='<%Eval("numbers") %>'></asp:Label></td>
                       <td><asp:Label ID="Label4" runat="server" Text='<%Eval("recr_name") %>'></asp:Label></td>
                        <td><asp:Label ID="Label5" runat="server" Text='<%Eval("class_info") %>'></asp:Label></td>
                         <td><asp:Label ID="Label6" runat="server" Text='<%Eval("draft_state") %>'></asp:Label></td>
                          <td><asp:Label ID="Label7" runat="server" Text='<%Eval("suc_state") %>'></asp:Label></td>
                           <td><asp:Label ID="Label8" runat="server" Text='<%Eval("fail_state") %>'></asp:Label></td>
                            <td><asp:Label ID="Label9" runat="server" Text='<%Eval("processing_state") %>'></asp:Label></td>
                             <td><asp:Label ID="Label10" runat="server" Text='<%Eval("queue_state") %>'></asp:Label></td>
                          
                      </tr>
                 </table>  
               </ItemTemplate>
           </asp:DataList>
为什么，表头如：收件人，事由等在浏览器中显示不出来呢，完全就没有表格的样子出来？

Answer 1

行列要匹配啊，你表头还用个table做什么呢，况且tr、td标签还有遗漏，根据你10列的数据，更改表头为10列就可以了：
<HeaderTemplate>
  <table>
  <tr>
  <td>收件人</td>
  <td>事由</td>
  <td>条数</td>
  <td>信息类别</td>
  <td>发送状态</td> 
  <td>草稿</td>
  <td>成功</td>
  <td>失败</td>
  <td>处理中</td>
  <td>队列中</td>
  </tr>
</HeaderTemplate>ItemTemplate去掉<table>和</table>
另外添加FooterTemplate
<FooterTemplate>
</table>
</FooterTemplate>

Answer 2

你有些写的有些问题，下面这样就可以了<div>            <asp:DataList runat="server" DataKeyField="ID" DataSourceID="SqlDataSource1" Width="1105px"
                BorderColor="#999966" GridLines="Both">
                <HeaderStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"
                    Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Justify"
                    VerticalAlign="Middle" />
                <HeaderTemplate>
                    <table>
                        <tr>
                            <td>收件人</td>
                            <td>事由</td>
                            <td>条数</td>
                            <td>信息类别</td>
                            <td>
                                <table>
                                    <tr>
                                        <td colspan='5'>发送状态</td>
                                    </tr>
                                    <tr>
                                        <td>草稿</td>
                                        <td>成功</td>
                                        <td>失败</td>
                                        <td>处理中</td>
                                        <td>队列中</td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </HeaderTemplate>
                <ItemTemplate>
                    <table>
                    <tr>
                        <td>
                            <asp:Label ID="Label1" runat="server" Text='<%# Eval("recr_name") %>'></asp:Label></td>
                        <td>
                            <asp:Label ID="Label2" runat="server" Text='<%# Eval("reason") %>'></asp:Label></td>
                        <td>
                            <asp:Label ID="Label3" runat="server" Text='<%# Eval("numbers") %>'></asp:Label></td>
                        <td>
                            <asp:Label ID="Label4" runat="server" Text='<%# Eval("recr_name") %>'></asp:Label></td>
                        <td>
                            <asp:Label ID="Label5" runat="server" Text='<%# Eval("class_info") %>'></asp:Label></td>
                        <td>
                            <asp:Label ID="Label6" runat="server" Text='<%# Eval("draft_state") %>'></asp:Label></td>
                        <td>
                            <asp:Label ID="Label7" runat="server" Text='<%# Eval("suc_state") %>'></asp:Label></td>
                        <td>
                            <asp:Label ID="Label8" runat="server" Text='<%# Eval("fail_state") %>'></asp:Label></td>
                        <td>
                            <asp:Label ID="Label9" runat="server" Text='<%# Eval("processing_state") %>'></asp:Label></td>
                        <td>
                            <asp:Label ID="Label10" runat="server" Text='<%# Eval("queue_state") %>'></asp:Label></td>                    </tr>
                </table>
                </ItemTemplate>
            </asp:DataList>
            <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT * FROM [aa]"></asp:SqlDataSource>
        </div>

Answer 3

使用ie的开发者工具看看生成的html代码那里有问题
默认F12调出工具