js css style动态设置table高度
来源:互联网 发布:刘氏哈蜜椴树白蜜 知乎 编辑:程序博客网 时间:2024/05/24 06:36
设置table高度想必大家都会,直接在table标签中设置下不就行了吗?这是静态的,如果要动态设置你会吗?下面的实例将教会大家直接在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);}
阅读全文
0 0
- js css style动态设置table高度
- JavaScript动态设置table的高度
- jQuery动态设置样式(style、css)
- css style(table)
- css style table color
- css style (table)
- 动态生成table加CSS+js
- JS+style实现动态设置图片高宽
- JS动态引入js,CSS——动态创建script/link/style标签
- JS动态引入js,CSS——动态创建script/link/style标签
- js 设置 style 样式
- 【前端H5】bootstrap-table表格插件使用js设置高度及高度自适应
- 通过js动态的设置css样式
- CSS 设置最小高度
- 动态改变CSS和Style
- UILabe动态设置高度
- listView 动态设置高度
- 动态设置layout高度
- java对象的序列化与反序列化
- 反序打印参数
- 为什么中国的程序员总被称为码农?
- web前端学习日记5
- Python爬虫实战代码
- js css style动态设置table高度
- 影像二进制数据流读取与bip内存压缩
- 十六、断路器-Turbine 的使用
- ajax的验证
- Regular polygon
- 【正一专栏】孙杨累了就休息下吧!放弃也是一种完美!
- 十七、服务网关-Zuul 的使用
- bootsrap
- 404页面与500页面