2 lilyrrwang lilyrrwang 于 2016.01.26 16:09 提问

js动态添加table行的样式问题

我用ajax获取数据后,用js处理动态添加行,每一行的占的rowspan不同,添加后,却没有按照想要的效果;
自己研究了半天没有解决,图片说明 图片上的问题和我一样,理论上一行一行的,实际效果如图,如果不加colspan或者rowsapn属性就没这问题。希望能解决

2个回答

bdmh
bdmh   Ds   Rxr 2016.01.26 16:21

你应该设置相同的列数,然后合并单元格,设置colspan合并列

rui888
rui888   Ds   Rxr 2016.01.26 16:42
 <!DOCTYPE html>
<html>
<head>

<script>
 function insRow(){
var x=document.getElementById("myTable").insertRow(-1);
var y=x.insertCell(0);
var z=x.insertCell(1);
y.innerHTML="NEW CELL1";
z.innerHTML="NEW CELL2";
z.colSpan=2;

}
</script>
</head>
<body>
<table id='myTable' border="1">
<tr>
<td>11</td><td>222</td><td>333</td>
</tr></table>
<input type='button' value='insert' onclick='insRow()'/>


</body>
</html>
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!