写了个让两个并列的表格对应行的行高保持一致。
但是IE9每次更新单元格内容,再执行保持一致的方法后,各行的高度都会变高一点(越变越高),真是百思不得其解。
以下是代码
function setPlanActivityTr(fileName){
var taskTab = $("#PlanWeek").find("table");//左边
var contTab = $("#PlanCont").find("table");//右边
var padding = 0;
if($.browser.msie) padding = 6;
if(contTab.length > 0 && taskTab.length >0)
{
//alert("统一行高")
taskTab.find("tr").each(function(i){
//计算左表格 行的最大高度
var tdArr = $(this).find("td");
var taskRowHeight = 0;
var tempheight = 0;
for(var n=0; n< tdArr.length; n++)
{
if(tdArr.eq(n).attr("rowspan") == 1)
{
//不计算合并行的高度
tempheight = tdArr.eq(n).attr("scrollHeight");
taskRowHeight = tempheight > taskRowHeight? tempheight:taskRowHeight;
}
}
var contRowHeight = contTab.find("td:first").attr("scrollHeight");//右表格
var maxHeight = taskRowHeight > contRowHeight ? taskRowHeight : contRowHeight;
maxHeight -= padding;
/*一统高度*/
$(this).find("td:last").height(maxHeight) ;//左表格高度
contTab.find("tr").eq(i).find("td:first").height(maxHeight);//右表格 });
}
}
但是IE9每次更新单元格内容,再执行保持一致的方法后,各行的高度都会变高一点(越变越高),真是百思不得其解。
以下是代码
function setPlanActivityTr(fileName){
var taskTab = $("#PlanWeek").find("table");//左边
var contTab = $("#PlanCont").find("table");//右边
var padding = 0;
if($.browser.msie) padding = 6;
if(contTab.length > 0 && taskTab.length >0)
{
//alert("统一行高")
taskTab.find("tr").each(function(i){
//计算左表格 行的最大高度
var tdArr = $(this).find("td");
var taskRowHeight = 0;
var tempheight = 0;
for(var n=0; n< tdArr.length; n++)
{
if(tdArr.eq(n).attr("rowspan") == 1)
{
//不计算合并行的高度
tempheight = tdArr.eq(n).attr("scrollHeight");
taskRowHeight = tempheight > taskRowHeight? tempheight:taskRowHeight;
}
}
var contRowHeight = contTab.find("td:first").attr("scrollHeight");//右表格
var maxHeight = taskRowHeight > contRowHeight ? taskRowHeight : contRowHeight;
maxHeight -= padding;
/*一统高度*/
$(this).find("td:last").height(maxHeight) ;//左表格高度
contTab.find("tr").eq(i).find("td:first").height(maxHeight);//右表格 });
}
}
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货