jsp的合并单元格

最新推荐文章于 2023-03-09 17:53:32 发布

maple82924

最新推荐文章于 2023-03-09 17:53:32 发布

阅读量983

点赞数

分类专栏： Web 文章标签： xhtml

本文链接：https://blog.youkuaiyun.com/maple82924/article/details/84435685

版权

Web 专栏收录该内容

64 篇文章

订阅专栏

合并单元格


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档 </title>
</head>

<body>
<table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#666666" id="tab">
  <tr bgcolor="#FFFFFF">
    <td>张三 </td>
    <td>男</td>
    <td>21</td>
    <td>数学 </td>
    <td>90 </td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>张三 </td>
    <td>男</td>
    <td>21</td>
    <td>语文 </td>
    <td>70 </td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>张三 </td>
    <td>男</td>
    <td>21</td>
    <td>英语 </td>
    <td>60 </td>
  </tr>
   <tr bgcolor="#FFFFFF">
    <td>张三 </td>
    <td>男</td>
    <td>21</td>
    <td>英语 </td>
    <td>60 </td>
  </tr>
   <tr bgcolor="#FFFFFF">
    <td>张三 </td>
    <td>男</td>
    <td>21</td>
    <td>英语 </td>
    <td>60 </td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>李四 </td>
    <td>女</td>
    <td>21</td> 
    <td>数学 </td>
    <td>60 </td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>李四 </td>
    <td>女</td>
    <td>21</td> 
    <td>语文 </td>
    <td>60 </td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>王五 </td>
    <td>男</td>
    <td>21</td> 
    <td>英语 </td>
    <td>60 </td>
  </tr>
</table>
<script >


    var tab=document.getElementById("tab");

    mergeTable(tab,0) ;

	/**
	*合并单元格 
	*tab 表格 
	*mergeCellID 需要合并的单元格，第一列为0
	*/
	function mergeTable(tab,mergeCellID)
	{
		   var name="";

			for(var i=0,j=0;i<tab.rows.length;i++,j++) {
				if(name==tab.rows[i].cells[mergeCellID].innerHTML) {

					 tab.rows[i].deleteCell(mergeCellID)

				} else  {
					name=tab.rows[i].cells[mergeCellID].innerHTML;

					if(i>0)
					{ 
						tab.rows[i-j].cells[mergeCellID].rowSpan=j;
					}
					j=0;
				}
			}

	}
//参考 http://bbs.youkuaiyun.com/topics/300105407
</script > 
</body>
</html>