关于table.append()后td高度在不同浏览器的有关问题的有关问题

关于table.append()后td高度在不同浏览器的问题的问题

Chrome下的图


目的是实现如果table下面的tr少的时候固定高度在上面
Chrome就是想要的效果，但是在IE9下面就不一样了

这是动态添加tr的JS

$.each(json, function (i, n) {
  var trs = "<tr style="height:14px;" title="" + n.Id + "" id="" + n.Id+ "" align="center">";
  trs += "<td style="height:14px; line-height:14px; ">" + n.Name+ "</td>";
  trs += "<td style="height:14px; line-height:14px; ">" + n.Num+ "</td>";
  trs += "<td style="height:14px; line-height:14px; ">" + n.Agent+ "</td>";
  trs += "<td style="height:14px; line-height:14px; ">" + n.Name + "</td>";
  trs += "</tr>";
  $("#LeftView tbody").append(trs);
  //$(trs).appendTo("#LeftView");
});
var lFoot = $("#LeftFoot");
lFoot.remove();
$("#LeftView tbody").append("<tr style="background:#f1f1f1;" id="LeftFoot"><td colspan="4"></td></tr>");

table固定高度，上网搜了下对append跟innerHtml的区别
但是在F12下面还是能看到属性的，为什么就是不起作用?
[解决办法]
这个是样式问题，不是js问题。。。。。。

虽然我知道是这个问题，但我不是专业的前台。。。。。
[解决办法]
这代码写的。。 请把css分离成class吧，看的受不了，全是转义符。
另外添加一个tr能不能封装个方法。也便于查找bug.
[解决办法]
table 别用固定高度，不行楼主给出前台源文件
[解决办法]

引用:

Quote: 引用:

别用append 用html

 $("#LeftView tbody").html(trs);这句换了试试

试了不行

用html是替换tbody里面的html  

用append是在tbody里面的最后部分加上添加的html

查看更多 下一篇