千分之想

拥有一颗干净透彻的心,且行且思

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>




阅读更多
个人分类: html/css/js
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭