问题描述
- js动态添加table行的样式问题
-
我用ajax获取数据后，用js处理动态添加行，每一行的占的rowspan不同，添加后，却没有按照想要的效果；
自己研究了半天没有解决，
图片上的问题和我一样，理论上一行一行的，实际效果如图，如果不加colspan或者rowsapn属性就没这问题。希望能解决
解决方案
你应该设置相同的列数，然后合并单元格，设置colspan合并列
解决方案二：
<!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>
时间： 2025-01-19 01:18:43