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

[不想成为茶叶蛋的鸡蛋]

IE9下的图

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下面还是能看到属性的，为什么就是不起作用?

[掌握永恒需控制现在]

引用 楼主 no200830740203 的回复:

IE9下的图 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下面还是能看到属性的，为什么就是不起作用?

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

[blue_apple2006]

这代码写的。。 请把css分离成class吧，看的受不了，全是转义符。 另外添加一个tr能不能封装个方法。也便于查找bug.

[不想成为茶叶蛋的鸡蛋]

引用 4 楼 liang_show 的回复:

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

试了不行

[不想成为茶叶蛋的鸡蛋]

引用 5 楼 blue_apple2006 的回复:

这代码写的。。 请把css分离成class吧，看的受不了，全是转义符。 另外添加一个tr能不能封装个方法。也便于查找bug.

分出CSS之后chrome那里也会变成ie9那个情况，我也不想用转义符的 这个不是BUG，只是想知道哪里导致两个浏览器不同显示 在ie9下是能看到td的高度的，就是没起到作用

[喂大的程序员]

table 别用固定高度，不行楼主给出前台源文件

[掌握永恒需控制现在]

引用 6 楼 no200830740203 的回复:

[quote=引用 4 楼 liang_show 的回复:] 别用append 用html $("#LeftView tbody").html(trs);这句换了试试

试了不行[/quote] 用html是替换tbody里面的html 用append是在tbody里面的最后部分加上添加的html

[不想成为茶叶蛋的鸡蛋]

有没人能给点提示的?

[娃都会打酱油了]

这个是样式问题，不是js问题。。。。。。 虽然我知道是这个问题，但我不是专业的前台。。。。。

[不想成为茶叶蛋的鸡蛋]

引用 2 楼 starfd 的回复:

这个是样式问题，不是js问题。。。。。。 虽然我知道是这个问题，但我不是专业的前台。。。。。

没有对外层设置样式，而且我拼接的字符串里面td样式的优先级应该是算高的

[不想成为茶叶蛋的鸡蛋]

昨天弄好了 加了个div在外面进行控制，table取消固定高度 这样的话样式也能写在CSS文件了，页面干净很多 只是这样div的背景需要设置成table的背景才能使页面背景看起来一致 谢谢楼上几位的回答 结贴