如何调整html表行的大小

时间:2011-12-24 07:07:36

标签: jquery html

我有两个html表,两者的内容都是动态生成的,两行都是固定的。我必须调整两个表的行高,以便表和行的高度都具有相同的高度。情况是应该调整两个表的高度,以使两个表看起来像一个表。 我在下面的代码下面,它与Mozilla一起工作正常但在IE中没有工作。建议使用IE的代码。

使用过的文件:jquery-1.3.2.js

for (rIndex = 1; Number(rIndex) < Number(totalrows); rIndex = Number(rIndex) + 1) {
    var lRowH = $('#tblTopLeft').find("tr").eq(rIndex).height();
    var rRowH = $('#tblRightTop').find("tr").eq(rIndex).height();

    if (Number(lRowH) > Number(rRowH)) {
        $('#tblRightTop').find("tr").eq(rIndex).css('height', $('#tblTopLeft').find("tr").eq(rIndex).css('height'));

    }
    else {
        $('#tblTopLeft').find("tr").eq(rIndex).css('height', $('#tblRightTop').find("tr").eq(rIndex).css('height'));

    }
}

1 个答案:

答案 0 :(得分:2)

首先升级到新版本的JQuery。

有一项名为.addClass().removeClass()

的功能

使用它们比使用现有样式添加属性要好得多。

你做的是创造两个造型块;事件发生之前和之后一次。

当事件发生时,删除原始样式并添加新样式。