您的位置：首页 > Web前端 > JavaScript

js合并table

2013-01-24 14:44 239 查看

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

<title>标题页</title>

<style>

TABLE{

font-family: 宋体;

font-size: 9pt;

border-color:#7195c6;

border-collapse :collapse;

border-width:1px

}

td{

border:#336699 1px solid;

font-size:15px;

color:#02027a

}

</style>

</head>

<body>

<script language="JavaScript">

var myData=[["姓名","年龄","年级","地址,电话","手机","备注"],

[11,2,null,"历史","地理","88888888"],

[22,2,null,null,"本例","66666666"],

[33,2,"一年级","北京三环","_","33333333"],

[44,2,"二年级","上海浦东","_","666666"],

[55,"12","三年级","广州深圳","_","33333222"],

[66,12,"四年级","香港九龙","_","32432432"]]; //将所有数据绑定在数组中

var myDataT,rowcell=[]; //默认的两个空数组

document.body.appendChild((myDataT = document.createElement("TABLE"))); //在当前窗体中动态添加表格

for(var i=0; i<myData.length; i++){ //遍历表格中每项

var atr = myDataT.insertRow(); //动态添加行

for(var j=0; j<myData[i].length; j++){ //遍历某项中的所有数据

if(i>1){

if (myData[i][j]==myData[i-1][j]){ //如果当前下标的值等于上一个对象该下标的值，则表示需要合并

if(j==1){ //只在第一列合并

rowcell[j].rowSpan++; //使用rowspan

}else{

rowcell[j] = atr.insertCell(); //否则正常添加行

rowcell[j].innerText=myData[i][j]; //显示行内容

}

}else{

rowcell[j] = atr.insertCell(); //否则正常添加行

rowcell[j].innerText=myData[i][j]; //显示行内容

}

}else{

rowcell[j] = atr.insertCell(); //否则正常添加行

rowcell[j].innerText=myData[i][j]; //显示行内容

}

}

}

</script>

<a href=http://www.youweishop.com>有为商城</a>http://www.youweishop.com

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航