欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

easyui-datagrid父盒子display:none;再现时高度失效

程序员文章站 2024-02-19 08:36:00
...

easyui-datagrid父盒子display:none;再现时高度失效

问题
项目用的easyui。在tab选项卡里包含了表格分页,发现默认显示没问题,但切换后表格只剩下工具栏。
f12查看,内容高度变为了0
easyui-datagrid父盒子display:none;再现时高度失效

解决方法:
切换到数据表格时,resize

$("#table").datagrid('getPanel') // table是数据表格的id
	.panel('options')
	.onResize(window.innerWidth, window.innerHeight);

就出来了:
easyui-datagrid父盒子display:none;再现时高度失效
ps. 一般因为display:none;导致高度失效可尝试在外层套一个div。

参考链接