js合并table

最新推荐文章于 2023-03-09 18:37:36 发布

fangz

最新推荐文章于 2023-03-09 18:37:36 发布

阅读量381

点赞数

分类专栏： web 前台 js 文章标签： html Html HTML js合并td table

本文链接：https://blog.csdn.net/fffgggzzz/article/details/8538084

版权

web 前台 js 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<head>

<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>

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>

fangz

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js合并table

http://www.w3.org/1999/xhtml" >标题页TABLE{ font-family: 宋体; font-size: 9pt; border-color:#7195c6; border-collapse :collapse; border-width:1px}td{ border:#336699
复制链接

扫一扫

专栏目录