js style动态设置table高度
2014-10-21 17:20
441 查看
直接在table标签中设置下不就行了吗?这是静态的,如果要动态设置你会吗?
function com_onresize(){ var contentsHeight = document.body.clientHeight; var buttonsHeight = document.getElementById( "buttons" ).offsetHeight; var head1Height = document.getElementById( "head1" ).offsetHeight; var head2Height = document.getElementById( "head2" ).offsetHeight; var t1 = document.getElementById( "TableContainer1" ).style.height; var t2 = document.getElementById( "TableContainer2" ).style.height; //alert(document.getElementById( "TableContainer1" ).style.height); var h = contentsHeight - buttonsHeight - head1Height - head2Height - 13; if(h < 110){ return; } document.getElementById( "TableContainer1" ).style.height = h/2 + 'px'; document.getElementById( "TableContainer2" ).style.height = h/2 + 'px'; } function com_sbs_pagesize(){ var screenHeight = window.screen.height; var availHeight = window.screen.availHeight; //alert(document.getElementById( "TableContainer1" ).children[0].rows.length); var index = document.getElementById( "TableContainer1" ).children[0].rows.length var buttonsHeight = document.getElementById( "buttons" ).offsetHeight; var head1Height = document.getElementById( "head1" ).offsetHeight; var head2Height = document.getElementById( "head2" ).offsetHeight; var mainH = buttonsHeight + head1Height +head2Height + 13; //20:scroll 35:title 25:tr while ((availHeight-mainH) < (20 + 35 + 25*index)*2) { index = index - 1; } var tableHeight = 20 + 35 + 25*index; document.getElementById( "TableContainer1" ).style.height = tableHeight + 'px'; document.getElementById( "TableContainer2" ).style.height = tableHeight + 'px'; window.resizeTo(document.body.offsetWidth,mainH + tableHeight*2); }
您可能感兴趣的文章:
- javaScript 读取和设置文档元素的样式属性
- js setattribute批量设置css样式
- javascript 动态设置已知select的option的value值的代码
- IE6下JS动态设置图片src地址问题
- js 设置选中行的样式的实现代码
- 使用JavaScript动态设置样式实现代码及演示动画
- 使用JavaScript动态设置样式实现代码(2)
- js批量设置样式的三种方法不推荐使用with
- js动态设置div的值下例子
- javascript设置金额样式转换保留两位小数示例代码
- JavaScript通过元素的ID和name设置样式
- 使用变量动态设置js的属性名
- javascript动态设置样式style实例分析
- JavaScript动态设置div的样式的方法
相关文章推荐
- js style动态设置table高度
- 简单设置tableView动态高度(iOS8 and Swift)
- JavaScript动态设置table的高度
- 如何用约束设置UITableView的tableHeaderView,其中tableHeaderView的高度是动态变化的
- 动态设置TableView加载完毕后TableView的高度
- iOS 设置tableview动态高度
- Android动态设置控件高度
- 如何动态设置嵌套的iframe的高度?
- 设置div或者table的高度为100%
- [原]JavaScript动态设置滚动条高度
- 动态设置iframe的高度(同域情况)兼容多种浏览器
- ListView 动态设置高度问题
- jQuery动态设置输出窗口的高度
- jQuery动态设置输出窗口的高度
- Android 动态设置控件高度
- 几种设置UITableView的cell动态高度的方法
- 设置多行的Table高度为100%,并在最后一行中加入iframe
- 解决由于DTD规范引发Table设置高度无效
- 设置iframe的高度和控制其所在层的边框动态显示
- 动态设置TextView高度和宽度