`
zdk8105
  • 浏览: 36773 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

保持两表格行高一致

 
阅读更多
//设置两个表格的行高一致
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);
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics