<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<style type = "text/css">
td{
border: 1px solid #cfd7e2;
}
</style>
<script type="text/javascript" src="js/jquery_1.4.2.js"> </script>
<script type="text/javascript">
$(function(){
var len ;
var tdList ;
var i = 1;
for(i = 1; i < 20; i++){
tdList = $("tr td[name=c"+i+"]");
len = tdList.length;
tdList.filter(function(index){
if(index == 0){
$(this).attr("rowspan",len);
}else{
$(this).remove();
}
});
};
});
</script>
</head>
<body>
<table id = "t" style = " border: 1px solid #cfd7e2;">
<tr>
<td name = 'c5'>wo1</td>
<td class = 'b'>wo</td>
<td class = 'b'>wo</td>
<td class = 'b'>wo</td>
</tr>
<tr>
<td name = 'c5' >wo1</td>
<td class = 'b'>wo</td>
<td class = 'b'>wo</td>
<td class = 'b'>wo</td>
</tr>
<tr>
<td name = 'c2'>wo2</td>
<td class = 'b'>wo</td>
<td class = 'b'>wo</td>
<td class = 'b'>wo</td>
</tr>
<tr>
<td name = 'c2'>wo2</td>
<td class = 'b'>wo</td>
<td class = 'b'>wo</td>
<td class = 'b'>wo</td>
</tr>
<tr>
<td name = 'c3'>wo3</td>
<td class = 'b'>wo</td>
<td class = 'b'>wo</td>
<td class = 'b'>wo</td>
</tr>
<tr>
<td name = 'c4'>wo4</td>
<td class = 'b'>wo</td>
<td class = 'b'>wo</td>
<td class = 'b'>wo</td>
</tr>
<tr>
<td name = 'c4'>wo4</td>
<td class = 'b'>wo</td>
<td class = 'b'>wo</td>
<td class = 'b'>wo</td>
</tr>
<tr>
<td name = 'c4'>wo4</td>
<td class = 'b'>wo</td>
<td class = 'b'>wo</td>
<td class = 'b'>wo</td>
</tr>
<tr>
<td name = 'c6'>wo4</td>
<td class = 'b'>wo</td>
<td class = 'b'>wo</td>
<td class = 'b'>wo</td>
</tr>
<tr>
<td name = 'c6'>wo4</td>
<td class = 'b'>wo</td>
<td class = 'b'>wo</td>
<td class = 'b'>wo</td>
</tr>
<tr>
<td name = 'c8'>wo4</td>
<td class = 'b'>wo</td>
<td class = 'b'>wo</td>
<td class = 'b'>wo</td>
</tr>
</table>
</body>
</html>