html中后台动态绑定数据表格存在空白单元格问题

来源：互联网发布：电脑闹钟提醒软件编辑：程序博客网时间：2024/06/06 09:20

因为要做一个客户管理系统，在设置表格的时候在表格样式的时候，因为对table标签的相关属性不是很了解，出现一些小的波折

先记录下这个比较好看的table样式

#mytable {     padding: 0;     margin-left:10px;    border:1px solid #C8D2D7; } caption {     padding: 0 0 5px 0;     width: 700px;          font: italic 11px;     text-align: right; } th {     font: bold 14px;     color:White;     border: 1px solid #C8D2D7;     text-align: left;     background:url(../Images/theadbg.png) repeat-x;    height:32px;} td {     border-right: 1px solid #C8D2D7;     border-bottom: 1px solid #C8D2D7;     background: #fff;     font-size:11px;     padding: 2px 6px 2px 5px;     color: #4f6b72;  }

出现的问题：后台数据是通过repeater动态绑定的，在绑定数据的时候因为有些数据为空，以至于很多单元格内没有任何内容

在IE下表格显示成：

解决的方法是在绑定的字段后面加上 

 <td>                        <%#Eval("proname")%>&nbsp;                     </td>

这样就能正常显示了

表格图片：

 <table cellspacing="0" id="mytable" style="width:100%">                    <thead>                        <tr class="Admin_Table_Title">                            <th style="width: 10%;">                                操作                            </th>                                                          <th style="width: 7%;">                                客户名                            </th>                            <th style="width: 8%;">                               咨询项目                            </th>                            <th style="width: 10%;">                               咨询医师                            </th>                                                        <th style="width: 8%;">                               预约项目                            </th>                                                     <th style="width: 13%;">                               预约时间                            </th>                        </tr>                    </thead>                            <tr>                    <td>                        <input type="checkbox" value='4' name="CheckMes" />                         <a title="查看详细信息.." href='AddConsult.aspx?CID=4'><img src="Images/LookMes.gif"/></a>                    </td>                    <td>                        王三                    </td>                    <td>                                             </td>                    <td>                        所有                     </td>                    <td>                                             </td>                                        <td>                        2011-10-20                     </td>                </tr>                            <tr>                    <td>                        <input type="checkbox" value='2' name="CheckMes" />                         <a title="查看详细信息.." href='AddConsult.aspx?CID=2'><img src="Images/LookMes.gif"/></a>                    </td>                    <td>                        df                    </td>                    <td>                        双眼皮                     </td>                    <td>                        所有                     </td>                    <td>                        后的间空格                     </td>                                        <td>                        2011-10-14                     </td>                </tr>                            </table>