<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<style>
table{
border-style: solid;
border-width:medium;
border-color:black;
}
td{
border-bottom-style:dotted;
border-bottom-width:medium;
border-bottom-color:black;
border-right-style:dotted;
border-right-width:medium;
border-right-color:black;
}
</style>
</head>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bordercolor="#0033CC">
<tr>
<td>111</td>
<td><lable></label></td>
<td rowspan="4"></td>
<td rowspan="2"></td>
<td></td>
<td></td>
</tr>
<tr>
<td rowspan="3">a</td>
<td></td>
<td rowspan="2"></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
<script >
$(document).ready(function(){
var trCount=$("table tr").size();
var i=0;
$("table tr").each(function(){
$(this).find("td").each(function(){
var rowspan=$(this).attr("rowspan");
if((rowspan>1 && (rowspan+i)==trCount)||((i+1)==trCount)){
//$(this).css("background","red");
$(this).css("borderBottom","0");
//$(this).css({ "margin-left": "10px", "background-color": "blue" });
}
});
i++;
});
$("table tr").find("td:last").each(function(){
$(this).css("borderRight","0");
});
$("table td").each(function(){
var t=$(this).html();
//if(t.length==0){
$(this).append("xx ");
$(this).prepend(" oo");
//}
//alert(t);
});
});
</script>
[备忘]工作中遇到的一个含rowspan情况table画虚线问题
最新推荐文章于 2024-09-20 16:06:21 发布