【请教】竖排的表格标题，是如何实现的呢?? DataList能否?参见贴子附图：

Question

 <table  id="CompareTable" width="100%" border="0" cellspacing="0" cellpadding="0" >
                             <tr>
                             <td align="right"  style="width:100px">
                                <table   border="0" cellspacing="0" cellpadding="0" class="h_yuding3" align="center">
                                    <tr>
                                        <td width="100" align="right" class="HDTAB31" style="height: 27px">
                                            订货日期：</td>
                                    </tr>
                                    <tr>
                                        <td align="right" class="HDTAB31" style="height: 27px">
                                            订货日期：</td>
                                    </tr>
                                    <tr>
                                        <td align="right" class="HDTAB31" style="height: 27px">
                                            订货日期：</td>
                                    </tr>
                                    <tr>
                                        <td align="right" class="HDTAB31" style="height: 54px">
                                            订货日期：<br>
                                            （每天）</td>
                                    </tr>
                                    <tr>
                                        <td align="right" class="HDTAB31" style="height: 27px">
                                            订货日期：</td>
                                    </tr>
                                    <tr>
                                        <td align="right" class="HDTAB31" style="height: 27px">
                                            订货日期：</td>
                                    </tr>
                                    <tr>
                                        <td align="right" class="HDTAB31" style="height: 27px">
                                            订货日期：</td>
                                    </tr>
                                    <tr>
                                        <td align="right" class="HDTAB31" style="height: 200px">
                                            订货日期：</td>
                                    </tr>
                                </table>
                            
                                  <td valign="top"  style="width:92%">
 
                                               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="h_yuding3" align="center">
                                    <tr>
                                        <td  align="left" class="HDTAB33"  style="height: 27px" >
                                            2009-6-15(一)&nbsp;
                                            </td>
                                    </tr>
                                    <tr>
                                        <td align="left" class="HDTAB33" style="height: 27px">
                                            <span id="HotelNameSpan_0">订货日期</span> &nbsp;
                                            <input type="button" id="ase2" value="重选日期" style="background: #0078bd; color: #ffffff;
                                                border: none; padding: 3px 0px 1px;" onclick="openSubAccountsSetEdit(0, '0', '2009-6-15')"/></td>
                                    </tr>
                                    <tr>
                                        <td align="left" class="HDTAB33" style="height: 27px">
                                             <span id="roomNameSpan_0">订货日期</span> &nbsp;
                                             </td>                                             
                                    </tr>
                                    <tr>
                                        <td align="left" class="HDTAB33" style="height: 53px">                                           
                                            <span id="hanzaoSpan_0">无</span>&nbsp;
                                            </td>
                                    </tr>
                                    <tr>
                                        <td align="left" class="HDTAB33" style="height: 27px">
                                            订货日期：<span id="roomjiageSpan_0">420</span>我们&nbsp;
                                            </td>
                                    </tr>
                                    <tr>
                                        <td align="left" class="HDTAB33" style="height: 27px">
                                            <span id="roomshuSpan_0">订货日期</span>&nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left" class="HDTAB33" style="height: 27px">
                                            &nbsp;
                                            <select name="roomDataList$ctl00$ddlSelect" id="roomDataList_ctl00_ddlSelect" onChange="changezongjia()">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option> </select>
                                            订货日期
                                        </td>
                                    </tr>
                                     <tr>
                                      <td align="left" class="HDTAB33"  style="height: 200px">    
                                      <div id="DIVxiangmu_0">   
                                     
                                   
                                  
             <input  size="9" name="xiangmu0" value="单位" readonly  class="wukuang">:<input size="3" name="fenshu0" value="0"  onclick="this.select()" onKeyUp="changezongjia()"> *<input size="2" name="dujia0" value="50"  readonly  class="wukuang" ><input  size="5" name="danwei0" value="单位" readonly  class="wukuang"> <br>
                                         
                                       
                                    
                                     
                                   
                                  
             <input  size="9" name="xiangmu0" value="单位" readonly  class="wukuang">:<input size="3" name="fenshu0" value="0"  onclick="this.select()" onKeyUp="changezongjia()"> *<input size="2" name="dujia0" value="68"  readonly  class="wukuang" ><input  size="5" name="danwei0" value="单位" readonly  class="wukuang"> <br>
                                         
                                       
                                    
                                     
                                                    </div>  
                                                    <span style="color: #ff0000;">订货日期</span></td>
                                                    </tr>
                                    </table>
                                                                   </td>  
  
  
</table>

Answer 1

把你的table 放在datalist的模版中...
配置它的数据源，绑定数据..

Answer 2

<td align="left" class="HDTAB33"  style="height: 200px">    
                                      <div id="DIVxiangmu_0">   
                                     
                                   
                                  
             <input  size="9" name="xiangmu0" value="单位" readonly  class="wukuang">:<input size="3" name="fenshu0" value="0"  onclick="this.select()" onKeyUp="changezongjia()"> *<input size="2" name="dujia0" value="50"  readonly  class="wukuang" ><input  size="5" name="danwei0" value="单位" readonly  class="wukuang"> <br>
                                                     
                                       
                                    
                                     
                                   
                                  
             <input  size="9" name="xiangmu0" value="单位" readonly  class="wukuang">:<input size="3" name="fenshu0" value="0"  onclick="this.select()" onKeyUp="changezongjia()"> *<input size="2" name="dujia0" value="68"  readonly  class="wukuang" ><input  size="5" name="danwei0" value="单位" readonly  class="wukuang"> <br>
                                                     
                                       
                                    
                                     
                                                    </div>  
                                                    <span style="color: #ff0000;">订货日期</span></td>
关键是这段没有指定宽度<td align="left" class="HDTAB33"  style="height: 200px">    
在这儿指定宽度，或者在下面的div里面指定都可以

Answer 3

可以用dataList，设一下RepeatDirection="vertical" 

Answer 4

dataList ? RepeatDirection="vertical" ，这里是记录竖排，并非标题呀?
 
那如何实现竖标题呢?? 

Answer 5

有个DetailsView的控件，你可以试一下

Answer 6

 <table  id="CompareTable" width="100%" border="0" cellspacing="0" cellpadding="0" >
                             <tr>
                             <td align="right"  style="width:100px;height:450px">
                                <table   border="0" cellspacing="0" cellpadding="0" class="h_yuding3" align="center">
                                    <tr>
                                        <td width="100" align="right" class="HDTAB31" style="height: 30px">
                                            订货日期：</td>
                                    </tr>
                                    <tr>
                                        <td align="right" class="HDTAB31" style="height: 30px">
                                            订货日期：</td>
                                    </tr>
                                    <tr>
                                        <td align="right" class="HDTAB31" style="height: 30px">
                                            订货日期：</td>
                                    </tr>
                                    <tr>
                                        <td align="right" class="HDTAB31" style="height: 30px">
                                            订货日期：<br>
                                            （每天）</td>
                                    </tr>
                                    <tr>
                                        <td align="right" class="HDTAB31" style="height: 30px">
                                            订货日期：</td>
                                    </tr>
                                    <tr>
                                        <td align="right" class="HDTAB31" style="height: 30px">
                                            订货日期：</td>
                                    </tr>
                                    <tr>
                                        <td align="right" class="HDTAB31" style="height: 30px">
                                            订货日期：</td>
                                    </tr>
                                    <tr>
                                        <td align="right" class="HDTAB31" style="height: 240px">
                                            订货日期：</td>
                                    </tr>
                                </table>
                            
                                  <td valign="top"  style="width:600px;height:450px">
 
                                               <table width="600px"  height="450px" border="0" cellspacing="0" cellpadding="0" class="h_yuding3" align="center">
                                    <tr>
                                        <td  align="left" class="HDTAB33"   >
                                            2009-6-15(一)&nbsp;
                                            </td>
                                    </tr>
                                    <tr>
                                        <td align="left" class="HDTAB33" >
                                            <span id="HotelNameSpan_0">订货日期</span> &nbsp;
                                            <input type="button" id="ase2" value="重选日期" style="background: #0078bd; color: #ffffff;
                                                border: none; padding: 3px 0px 1px;" onclick="openSubAccountsSetEdit(0, '0', '2009-6-15')"/></td>
                                    </tr>
                                    <tr>
                                        <td align="left" class="HDTAB33" >
                                             <span id="roomNameSpan_0">订货日期</span> &nbsp;
                                             </td>                                             
                                    </tr>
                                    <tr>
                                        <td align="left" class="HDTAB33" >                                           
                                            <span id="hanzaoSpan_0">无</span>&nbsp;
                                            </td>
                                    </tr>
                                    <tr>
                                        <td align="left" class="HDTAB33" >
                                            订货日期：<span id="roomjiageSpan_0">420</span>我们&nbsp;
                                            </td>
                                    </tr>
                                    <tr>
                                        <td align="left" class="HDTAB33" >
                                            <span id="roomshuSpan_0">订货日期</span>&nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left" class="HDTAB33" >
                                            &nbsp;&nbsp;
                                            订货日期
                                        </td>
                                    </tr>
                                     <tr>
                                      <td align="left" class="HDTAB33"  >    
                                      <div id="DIVxiangmu_0">    
             <input  size="9" name="xiangmu0" value="单位" readonly  class="wukuang">:<input size="3" name="fenshu0" value="0"  onclick="this.select()" onKeyUp="changezongjia()"> *<input size="2" name="dujia0" value="50"  readonly  class="wukuang" ><input  size="5" name="danwei0" value="单位" readonly  class="wukuang"> <br>
                                                    <span style="color: #ff0000;">订货日期</span></div>  </td>
                                                    </tr>
                                    </table>
                                                                   </td>  
  
  
</table>
按五楼的兄弟提示，我改了一下，但左右二个欠套表格的行宽也不一致了，晕怎么办呢。如下图。。

Answer 7

DetailsView的控件 可以实现竖标题，但如何也同时显示多条记录呢
需求需要右边的表格是多条记录呀。。

Answer 8

可用datalist,里用模板列嵌套表格。实现没行两列
订货日期再嵌套datalist.

Answer 9

可用datalist,里用模板列嵌套表格。实现没行两列 
---------
谢谢人生如梦兄弟，右边的内容列是自定义扩展的，可能是1-N列。订货日期再嵌套datalist.
//
可以这样，但关键是二个datalist产生的行高就没办法统一了吧?? 例如说页面缩小时，右边内容列的列数较多，行的内容也长，那这样会改变所在行的高度。