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 相关文章推荐
javascript的事件描述
Sep 08 Javascript
jQuery 源码分析笔记(2) 变量列表
May 28 Javascript
JS获取html对象的几种方式介绍
Dec 05 Javascript
浅谈javascript事件取消和阻止冒泡
May 26 Javascript
理解javascript定时器中的单线程
Feb 23 Javascript
jQuery插件FusionCharts绘制的3D环饼图效果示例【附demo源码】
Apr 02 jQuery
利用JS实现简单的瀑布流加载图片效果
Apr 22 Javascript
JS中使用gulp实现压缩文件及浏览器热加载功能
Jul 12 Javascript
Vue文件配置全局变量的实例
Sep 06 Javascript
JavaScript怎样在删除前添加确认弹出框?
May 27 Javascript
vue组件三大核心概念图文详解
May 30 Javascript
基于p5.js 2D图像接口的扩展(交互实现)
Nov 30 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
比较简单实用的PHP无限分类源码分享(思路不错)
2011/10/13 PHP
PHP编程风格规范分享
2014/01/15 PHP
PHP编程基本语法快速入门手册
2016/01/07 PHP
微信公众平台开发教程②微信端分享功能图文详解
2019/04/10 PHP
php和C#的yield迭代器实现方法对比分析
2019/07/17 PHP
TP3.2框架分页相关实现方法分析
2020/06/03 PHP
JavaScript延迟加载
2021/03/09 Javascript
JavaScript字符串String和Array操作的有趣方法
2012/12/18 Javascript
Jquery事件的连接使用示例
2013/06/18 Javascript
JavaScript中this的使用详解
2013/11/08 Javascript
JavaScript中的函数模式详解
2015/02/11 Javascript
jQuery幻灯片带缩略图轮播效果代码分享
2015/08/17 Javascript
基于jquery实现导航菜单高亮显示(两种方法)
2015/08/23 Javascript
jQuery插件WebUploader实现文件上传
2016/11/07 Javascript
微信小程序实现的自定义分享功能示例
2019/02/12 Javascript
一秒学会微信小程序制作table表格
2019/02/14 Javascript
javascript实现一款好看的秒表计时器
2020/09/05 Javascript
el-form 多层级表单的实现示例
2020/09/10 Javascript
[01:28:24]NAVI vs VG Supermajor 败者组 BO3 第三场 6.5
2018/06/06 DOTA
[43:53]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第三场 8.22
2019/09/05 DOTA
解析Python中的异常处理
2015/04/28 Python
使用python 爬虫抓站的一些技巧总结
2018/01/10 Python
python逆向入门教程
2018/01/15 Python
Python numpy 提取矩阵的某一行或某一列的实例
2018/04/03 Python
学习python需要有编程基础吗
2020/06/02 Python
利用OpenCV中对图像数据进行64F和8U转换的方式
2020/06/03 Python
python如何写try语句
2020/07/14 Python
python源文件的字符编码知识点详解
2021/03/04 Python
日本非常有名的内衣丝袜品牌:GUNZE
2017/01/06 全球购物
建筑结构施工专业推荐信
2014/02/21 职场文书
陈胜吴广起义口号
2014/06/20 职场文书
学校领导班子对照检查材料
2014/08/28 职场文书
作风转变年心得体会
2014/10/22 职场文书
机关党员四风问题个人整改措施
2014/10/26 职场文书
班主任2015新年寄语
2014/12/08 职场文书
vue前端工程的搭建
2021/03/31 Vue.js