easyuidatagrid行高自适应

最新推荐文章于 2023-03-24 15:34:40 发布

臭崽的冰淇淋

最新推荐文章于 2023-03-24 15:34:40 发布

阅读量1k

点赞数

分类专栏： easyui

本文链接：https://blog.csdn.net/afdasfggasdf/article/details/103897953

版权

easyui 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

网上查了半天没有查到，只有通过css进行，于是想那通过js控制不也就可以了么？

<style>
        .grid-panel .datagrid-btable tr{height: 40px;}
    </style>
 
 
<div class="grid-panel" style="width: 100%;height: 100%">
<table id="dg-worker"></table>
</div>

target为需要自动行高的datagrid $("#mytable")

exceptHeight是根据你当前页面进行判定的，

styleObject为css的选择器$("#RegionCenter .datagrid-row")

function autoRowHeight(target, exceptHeight, styleObject) {
	if (exceptHeight == null) {
		exceptHeight = 108;
		currentHeight = document.body.offsetHeight - exceptHeight;
		var pagesize = target.datagrid('getPager').data("pagination").options.pageSize;
		styleObject.css("height",currentHeight/pagesize)
	}else {
		currentHeight = document.body.offsetHeight - exceptHeight;
		var pagesize = target.datagrid('getPager').data("pagination").options.pageSize;
		styleObject.css("height",currentHeight/pagesize);
	}
}