开发者社区> 问答> 正文

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

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

展开
收起
小旋风柴进 2016-06-01 09:43:26 2832 0
1 条回答
写回答
取消 提交回答
  •  <!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>
    2019-07-17 19:22:45
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript异步编程 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载