国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

js控制table合并具體實(shí)現(xiàn)

2019-11-20 21:04:01
字體:
供稿:網(wǎng)友
復(fù)制代碼 代碼如下:

<!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=gbk" />
<title>無標(biāo)題文檔 </title>
</head>

<body>
<table width="100%" border="1" cellspacing="0" cellpadding="0" id="tab">
<tr>
<td rowspan="0">張三 </td>
<td>男 </td>
<td>22 </td>
<td>數(shù)學(xué) </td>
<td>90 </td>
</tr>
<tr>
<td rowspan="0">張三 </td>
<td>男 </td>
<td>22 </td>
<td>數(shù)學(xué) </td>
<td>90 </td>
</tr>
<tr>
<td rowspan="0">張三 </td>
<td>女 </td>
<td>22 </td>
<td>語文 </td>
<td>70 </td>
</tr>
<tr>
<td rowspan="0">張三 </td>
<td>女 </td>
<td>22 </td>
<td>英語 </td>
<td>60 </td>
</tr>
<tr>
<td rowspan="0">李四 </td>
<td>女 </td>
<td>22 </td>
<td>數(shù)學(xué) </td>
<td>60 </td>
</tr>
<tr>
<td rowspan="0">李四 </td>
<td>女 </td>
<td>19 </td>
<td>語文 </td>
<td>60 </td>
</tr>
<tr>
<td rowspan="0">王五 </td>
<td>男 </td>
<td>19 </td>
<td>英語 </td>
<td>60 </td>
</tr>
</table>

<script type="text/javascript">
window.onload = function(){
var tab = document.getElementById("tab");
var col =0;

megercell(tab, col);

megercell1(tab, col+1);

for(var i=0; i<tab.rows.length; i++){
// alert(tab.rows[i].cells[0].getAttribute("rowspan"));
}
};


function megercell(tab, col){
count = 1;
val = "";
for(var i=0; i<tab.rows.length; i++){
if(val == tab.rows[i].cells[col].innerHTML){
count++;
}else{
if(count > 1){
from = i - count;

tab.rows[from].cells[col].rowSpan = count;
for(var j=from+1; j<i; j++){
tab.rows[j].cells[col].style.display = "none";
}
count = 1;
}
val = tab.rows[i].cells[col].innerHTML;
}
}
}

function megercell1(tab, col){
count = 1;
val = "";
var rowspan = 0;
for(var i=0; i<tab.rows.length;){
rowspan = parseInt(tab.rows[i].cells[0].getAttribute("rowspan"));

if(rowspan)
{
for(var n = 0; n < rowspan; n++)
{
if(val == tab.rows[i].cells[col].innerHTML){
count++;
}else{
if(count > 1){
from = i - count;
tab.rows[from].cells[col].rowSpan = count;
for(var j=from+1; j<i; j++){
tab.rows[j].cells[col].style.display = "none";
}
count = 1;
}
val = tab.rows[i].cells[col].innerHTML;
}
i++;
}
if(count > 1)
{
from = i - count;

alert(from +" "+ i +" "+ count);
tab.rows[from].cells[col].rowSpan = count;
for(var j=from+1; j<i; j++){
tab.rows[j].cells[col].style.display = "none";
}
}
count = 1;
val = "";
}
else
{
i++;
}
}
}

</script>
</body>
</html>
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 马龙县| 察雅县| 蚌埠市| 新闻| 聊城市| 应用必备| 裕民县| 吕梁市| 繁峙县| 渭源县| 南雄市| 从江县| 乌拉特前旗| 嵊泗县| 顺昌县| 丰镇市| 太仆寺旗| 海兴县| 文山县| 南溪县| 二连浩特市| 惠州市| 双柏县| 黄浦区| 临安市| 台湾省| 祁阳县| 吐鲁番市| 赤水市| 南宫市| 昌图县| 澎湖县| 会昌县| 呼玛县| 阿图什市| 琼海市| 稷山县| 武山县| 贵定县| 遵义市| 桂平市|