转HTML网页表格相同行自动合并
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>无标题文档</title>
</head>
<scripttype="text/javascript"src="file:///D|/XianProject/js/jquery.1.3.2.js"></script>
<scriptlanguage="javascript">
//函数说明：合并指定表格（表格id为_w_table_id）指定列（列数为_w_table_colnum）的相同文本的相邻单元格
//参数说明：_w_table_id为需要进行合并单元格的表格的id。如在HTMl中指定表格id="data"，此参数应为#data
//参数说明：_w_table_colnum为需要合并单元格的所在列。为数字，从最左边第一列为1开始算起。
function_w_table_rowspan(_w_table_id,_w_table_colnum){
_w_table_firsttd="";
_w_table_currenttd="";
_w_table_SpanNum=0;
_w_table_Obj=$(_w_table_id+"trtd:nth-child("+_w_table_colnum+")");
_w_table_Obj.each(function(i){
if(i==0){
_w_table_firsttd=$(this);
_w_table_SpanNum=1;
}else{
_w_table_currenttd=$(this);
if(_w_table_firsttd.text()==_w_table_currenttd.text()){
_w_table_SpanNum++;
_w_table_currenttd.hide();//remove();
_w_table_firsttd.attr("rowSpan",_w_table_SpanNum);
}else{
_w_table_firsttd=$(this);
_w_table_SpanNum=1;
}
}
});
}
//函数说明：合并指定表格（表格id为_w_table_id）指定行（行数为_w_table_rownum）的相同文本的相邻单元格
//参数说明：_w_table_id为需要进行合并单元格的表格id。如在HTMl中指定表格id="data"，此参数应为#data
//参数说明：_w_table_rownum为需要合并单元格的所在行。其参数形式请参考jQuery中nth-child的参数。
//如果为数字，则从最左边第一行为1开始算起。
//"even"表示偶数行
//"odd"表示奇数行
//"3n+1"表示的行数为1、4、7、10.......
//参数说明：_w_table_maxcolnum为指定行中单元格对应的最大列数，列数大于这个数值的单元格将不进行比较合并。
//此参数可以为空，为空则指定行的所有单元格要进行比较合并。
function_w_table_colspan(_w_table_id,_w_table_rownum,_w_table_maxcolnum){
if(_w_table_maxcolnum==void0){_w_table_maxcolnum=0;}
_w_table_firsttd="";
_w_table_currenttd="";
_w_table_SpanNum=0;
$(_w_table_id+"tr:nth-child("+_w_table_rownum+")").each(function(i){
_w_table_Obj=$(this).children();
_w_table_Obj.each(function(i){
if(i==0){
_w_table_firsttd=$(this);
_w_table_SpanNum=1;
}elseif((_w_table_maxcolnum>0)&&(i>_w_table_maxcolnum)){
return"";
}else{
_w_table_currenttd=$(this);
if(_w_table_firsttd.text()==_w_table_currenttd.text()){
_w_table_SpanNum++;
_w_table_currenttd.hide();//remove();
_w_table_firsttd.attr("colSpan",_w_table_SpanNum);
}else{
_w_table_firsttd=$(this);
_w_table_SpanNum=1;
}
}
});
});
}
</script>
<scripttype="text/javascript"><!--
$(document).ready(function(){
_w_table_rowspan("#spdata",4);
_w_table_rowspan("#spdata",3);
_w_table_rowspan("#spdata",2);
_w_table_rowspan("#spdata",1);
});
//-->
</script>
<body>
<tablewidth="100%"border="1"id="spdata">
<tr>
<td>1</td>
<td>2</td>
<td>a</td>
<td>f</td>
<td>e</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>b</td>
<td>g</td>
<td>e</td>
</tr>
<tr>
<td>1</td>
<td>3</td>
<td>c</td>
<td>h</td>
<td>e</td>
</tr>
<tr>
<td>1</td>
<td>3</td>
<td>d</td>
<td>k</td>
<td>e</td>
</tr>
<tr>
<td>1</td>
<td>4</td>
<td>e</td>
<td>m</td>
<td>e</td>
</tr>
</table>
</body>
</html>
相关推荐
表格的现在还是较为常用的一种标签，但不是用来布局，常见处理、显示表格式数据。在HTML网页中，要想创建表格，就需要使用表格相关的标签。<table> <tr> <td>单元格内的文字</td> ...