js style动态设置table高度


Posted in Javascript onOctober 21, 2014

直接在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 相关文章推荐
服务器安全设置的几个注册表设置
Jul 28 Javascript
javascript学习笔记(十二) RegExp类型介绍
Jun 20 Javascript
S2SH整合JQuery+Ajax实现登录验证功能实现代码
Jan 30 Javascript
通过JS来动态的修改url,实现对url的增删查改
Sep 01 Javascript
2014年50个程序员最适用的免费JQuery插件
Dec 15 Javascript
JS实现支持多选的遍历下拉列表代码
Aug 20 Javascript
jquery实现鼠标经过显示下划线的渐变下拉菜单效果代码
Aug 24 Javascript
浅谈js中test()函数在正则中的使用
Aug 19 Javascript
AngularJS实现根据变量改变动态加载模板的方法
Nov 04 Javascript
JavaScript常用事件介绍
Jan 21 Javascript
关于Layui Table隐藏列问题
Sep 16 Javascript
javascript设计模式 ? 迭代器模式原理与用法实例分析
Apr 17 Javascript
js读写json文件实例代码
Oct 21 #Javascript
一个JavaScript防止表单重复提交的实例
Oct 21 #Javascript
javascript Deferred和递归次数限制实例
Oct 21 #Javascript
JQuery的Ajax中Post方法传递中文出现乱码的解决方法
Oct 21 #Javascript
jquery中post方法用法实例
Oct 21 #Javascript
js调试工具Console命令详解
Oct 21 #Javascript
JS中FRAME的操作问题实例分析
Oct 21 #Javascript
You might like
Sony CFR 320 修复改造
2020/03/14 无线电
php数组声明、遍历、数组全局变量使用小结
2013/06/05 PHP
基于PHP中的常用函数回顾
2013/07/11 PHP
PHP Session机制简介及用法
2014/08/19 PHP
php英文单词统计器
2016/06/23 PHP
PHP设计模式之建造者模式定义与用法简单示例
2018/08/13 PHP
PHP常用的类封装小结【4个工具类】
2019/06/28 PHP
6个DIV 135或246间隔一秒轮番显示效果
2010/07/24 Javascript
iframe自适应宽度、高度 ie6 7 8,firefox 3.86下测试通过
2010/07/29 Javascript
javascript怎么禁用浏览器后退按钮
2014/03/27 Javascript
javascript常用的正则表达式实例
2014/05/15 Javascript
jQuery判断元素上是否绑定了指定事件的方法
2015/03/17 Javascript
JavaScript将数字转换成大写中文的方法
2015/03/23 Javascript
jQuery UI制作选项卡(tabs)
2016/12/13 Javascript
Vue.js tab实现选项卡切换
2017/05/16 Javascript
深入理解angular2启动项目步骤
2017/07/15 Javascript
NodeJS 中Stream 的基本使用
2018/07/30 NodeJs
angular-tree-component的使用详解
2018/07/30 Javascript
vue实现微信浏览器左上角返回按钮拦截功能
2020/01/18 Javascript
如何解决jQuery 和其他JS库的冲突
2020/06/22 jQuery
[05:59]带你看看DPC的台前幕后
2021/03/11 DOTA
使用Python脚本生成随机IP的简单方法
2015/07/30 Python
Python错误处理操作示例
2018/07/18 Python
python opencv判断图像是否为空的实例
2019/01/26 Python
django多对多表的创建,级联删除及手动创建第三张表
2019/07/25 Python
基于Python实现ComicReaper漫画自动爬取脚本过程解析
2019/11/11 Python
Python简单实现区域生长方式
2020/01/16 Python
Haglöfs瑞典官方网站:haglofs火柴棍,欧洲顶级户外品牌
2018/10/18 全球购物
公务员更新知识培训实施方案
2014/03/31 职场文书
井冈山红色之旅心得体会
2014/10/07 职场文书
教师党员整改措施
2014/10/24 职场文书
领导干部个人整改措施落实情况汇报
2014/10/29 职场文书
2014年连锁店圣诞节活动方案
2014/12/09 职场文书
结婚十年感言
2015/07/31 职场文书
计算机教师工作总结
2015/08/13 职场文书
2016年教师节感言
2015/12/09 职场文书