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

因为要做一个客户管理系统,在设置表格的时候在表格样式的时候,因为对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>




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值