读书人

护持两表格行高一致

发布时间: 2012-10-16 09:57:37 作者: rapoo

保持两表格行高一致
//设置两个表格的行高一致
function setSearchResultRowsHeight(){
var fixedRows=document.getElementById('resultfixedtable').rows;
var scrollableRows=document.getElementById('resultscrollabletable').rows;

var fixedHeaderHeight = fixedRows[0].offsetHeight + fixedRows[1].offsetHeight;
if(fixedHeaderHeight > scrollableRows[0].offsetHeight){
scrollableRows[0].height = fixedHeaderHeight;
} else {
fixedRows[1].height = scrollableRows[0].offsetHeight - fixedRows[0].offsetHeight;
}

for(i=1;i<scrollableRows.length;i++) {
if(fixedRows[i+1].offsetHeight > scrollableRows[i].offsetHeight){
scrollableRows[i].height = fixedRows[i+1].offsetHeight;
} else {
fixedRows[i+1].height = scrollableRows[i].offsetHeight;
}
}
}

//定时调用设置两表格行高一致的方法,以保持两表格行高一致
setInterval('setSearchResultRowsHeight()',500);

读书人网 >Web前端

热点推荐