首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

护持两表格行高一致

2012-10-16 
保持两表格行高一致//设置两个表格的行高一致function setSearchResultRowsHeight(){var fixedRowsdocume

保持两表格行高一致
//设置两个表格的行高一致
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);

热点排行