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

不想成为茶叶蛋的鸡蛋 2013-07-03 10:54:12
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下面还是能看到属性的,为什么就是不起作用?
...全文
376 10 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
昨天弄好了 加了个div在外面进行控制,table取消固定高度 这样的话样式也能写在CSS文件了,页面干净很多 只是这样div的背景需要设置成table的背景才能使页面背景看起来一致 谢谢楼上几位的回答 结贴
  • 打赏
  • 举报
回复
引用 2 楼 starfd 的回复:
这个是样式问题,不是js问题。。。。。。 虽然我知道是这个问题,但我不是专业的前台。。。。。
没有对外层设置样式,而且我拼接的字符串里面td样式的优先级应该是算高的
  • 打赏
  • 举报
回复
这个是样式问题,不是js问题。。。。。。 虽然我知道是这个问题,但我不是专业的前台。。。。。
  • 打赏
  • 举报
回复
有没人能给点提示的?
  • 打赏
  • 举报
回复
引用 6 楼 no200830740203 的回复:
[quote=引用 4 楼 liang_show 的回复:] 别用append 用html $("#LeftView tbody").html(trs);这句换了试试
试了不行[/quote] 用html是替换tbody里面的html 用append是在tbody里面的最后部分加上添加的html
喂大的程序员 2013-07-03
  • 打赏
  • 举报
回复
table 别用固定高度,不行楼主给出前台源文件
  • 打赏
  • 举报
回复
引用 5 楼 blue_apple2006 的回复:
这代码写的。。 请把css分离成class吧,看的受不了,全是转义符。 另外添加一个tr能不能封装个方法。也便于查找bug.
分出CSS之后chrome那里也会变成ie9那个情况,我也不想用转义符的 这个不是BUG,只是想知道哪里导致两个浏览器不同显示 在ie9下是能看到td的高度的,就是没起到作用
  • 打赏
  • 举报
回复
引用 4 楼 liang_show 的回复:
别用append 用html $("#LeftView tbody").html(trs);这句换了试试
试了不行
blue_apple2006 2013-07-03
  • 打赏
  • 举报
回复
这代码写的。。 请把css分离成class吧,看的受不了,全是转义符。 另外添加一个tr能不能封装个方法。也便于查找bug.
  • 打赏
  • 举报
回复
引用 楼主 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);这句换了试试

62,244

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧