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 相关文章推荐
仅IE不支持setTimeout/setInterval函数的第三个以上参数
May 25 Javascript
js汉字排序问题 支持中英文混排,兼容各浏览器,包括CHROME
Dec 20 Javascript
javascript 弹出的窗口返回值给父窗口具体实现
Nov 23 Javascript
使用C++为node.js写扩展模块
Apr 22 Javascript
CSS图片响应式 垂直水平居中
Aug 14 Javascript
JS实现仿Windows经典风格的选项卡Tab切换代码
Oct 20 Javascript
jQuery数据类型小结(14个)
Jan 08 Javascript
ajax异步请求详解
Jan 06 Javascript
让div运动起来 js实现缓动效果
Jul 06 Javascript
webpack + vue 打包生成公共配置文件(域名) 方便动态修改
Aug 29 Javascript
JS绘图Flot如何实现可选显示曲线图功能
Oct 16 Javascript
Vue中computed和watch有哪些区别
Dec 19 Vue.js
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
PHP Squid中可缓存的动态网页设计
2008/09/17 PHP
php格式化时间戳显示友好的时间实现思路及代码
2014/10/23 PHP
php实现文件上传及头像预览功能
2017/01/15 PHP
HTML IMG标签 onload 内存溢出导致浏览器CPU占用过高
2021/03/09 Javascript
js 字符串操作函数
2009/07/25 Javascript
Jquery跨域获得Json时invalid label错误的解决办法
2011/01/11 Javascript
关于js new Date() 出现NaN 的分析
2012/10/23 Javascript
jquery实现瀑布流效果分享
2014/03/26 Javascript
JQuery 控制内容长度超出规定长度显示省略号
2014/05/23 Javascript
比例尺、缩略图、平移缩放之百度地图添加控件方法
2015/08/03 Javascript
基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用
2015/12/16 Javascript
Vue.js每天必学之组件与组件间的通信
2016/09/08 Javascript
JavaScript之WebSocket技术详解
2016/11/18 Javascript
PHP+jquery+ajax实现分页
2016/12/09 Javascript
整理关于Bootstrap警示框的慕课笔记
2017/03/29 Javascript
微信小程序开发之选项卡(窗口底部TabBar)页面切换
2017/04/12 Javascript
收藏AngularJS中最重要的核心功能
2017/07/09 Javascript
vue轮播图插件vue-awesome-swiper的使用代码实例
2017/07/10 Javascript
基于vue.js中关于下拉框的值默认及绑定问题
2018/08/22 Javascript
vue src动态加载请求获取图片的方法
2018/10/17 Javascript
[01:02]DOTA2辉夜杯决赛日 CDEC.Y对阵VG赛前花絮
2015/12/27 DOTA
python 排列组合之itertools
2013/03/20 Python
举例讲解Python设计模式编程中的访问者与观察者模式
2016/01/26 Python
python实现日常记账本小程序
2018/03/10 Python
Python3随机漫步生成数据并绘制
2018/08/27 Python
在python中做正态性检验示例
2019/12/09 Python
使用python实现飞机大战游戏
2020/03/23 Python
Django数据库操作之save与update的使用
2020/04/01 Python
西雅图的买手店:Totokaelo
2019/10/19 全球购物
营业员演讲稿
2013/12/30 职场文书
《爱的教育》读书心得
2014/11/08 职场文书
2014年检察院个人工作总结
2014/12/09 职场文书
Vue Element UI自定义描述列表组件
2021/05/18 Vue.js
Python异常类型以及处理方法汇总
2021/06/05 Python
Python利用FlashText算法实现替换字符串
2022/03/31 Python
Python下载商品数据并连接数据库且保存数据
2022/03/31 Python