日期:2014-05-17  浏览次数:20418 次

急急急急急急急急急急急急急急急急!!!动态添加表格
我想实现动态添加表格的功能
右边框里面是个div,点击增加会动态的添加一列

这是增加列的效果,但是每次点击添加之后左面的单元格整体都在变长如下面两个图,不能像第一幅图片那样对齐



var i = tab1.rows[1].cells.length - 5;
        var newTr = tab1.insertRow();
        var oTd0 = tab1.rows[0].insertCell(tab1.rows[0].cells.length);
oTd0.style.cssText = "border: 1px #D7D7D7 solid;";
oTd0.innerHTML = "<input id='RQ" + i + "' type='text' style='width:71px' onfocus='WdatePicker()'/>";

这是我动态添加列的js代码,希望牛人解答一下。

------解决方案--------------------
这个应该和你的布局有关系,每次增加导致了左边列高度的变化,
你可以用网页的DEBUG工具看看哪里发生了变化,然后对应修正即可,
应该不难排除的。

------解决方案--------------------
参考:http://bbs.csdn.net/topics/390440067
------解决方案--------------------
布局问题,看看你的div怎么包的