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