Datagrid数据表格在不同大小的显示器动态变化高度

厦门子豪

于 2015-11-28 22:58:10 发布

阅读量783

点赞数

分类专栏： EasyUI 项目中常用的功能

本文链接：https://blog.youkuaiyun.com/qq348843576/article/details/50088273

版权

10 篇文章

订阅专栏

4 篇文章

订阅专栏

本文探讨了如何在网页项目中通过JavaScript获取浏览器窗口的实际高度，进而实现数据表格高度的动态调整，以适应不同尺寸的显示器。通过定义一个函数getGHeight，该函数计算并返回减去顶部元素高度和检索栏高度后的可用高度，从而确保数据表格能够灵活适配各种屏幕尺寸。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在项目页面中，页面大多会有检索框，数据表格显示等，这样数据表格就不能固定高度，毕竟每个显示器大小不同，这个时候，我们就只能从浏览器中下手。

getGHeight : function() {
		var h = document.body.clientHeight - $(页面中顶上的高度).height() - $(页面中检索栏的高度).height() - 65;
		return h;
	},