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

HooRayK

于 2019-11-11 16:42:17 发布

阅读量427

点赞数

分类专栏： easyui datagrid 前端文章标签： easyui datagrid 前端框架 display:none;

版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_41899579/article/details/103011974

版权

在使用easyui的datagrid时，如果其父级元素设置为`display:none;`，在重新显示时可能会导致表格高度失效，内容区域高度变为0。解决办法是在切换到datagrid时调用resize方法，以恢复表格的正常显示。此外，为防止类似问题，可以在外层包裹一个div。

摘要由CSDN通过智能技术生成

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

问题
项目用的easyui。在tab选项卡里包含了表格分页，发现默认显示没问题，但切换后表格只剩下工具栏。
f12查看，内容高度变为了0，
高度失效

解决方法：
切换到数据表格时，resize

$("#table").datagrid('getPanel') // table是数据表格的id
	.panel(<

最低0.47元/天解锁文章

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
easyui-datagrid父盒子display:none;再现时高度失效

项目用的easyui。在tab选项卡里包含了表格分页，发现默认显示没问题，但切换后表格只剩下工具栏。f12查看，内容高度变为了0，
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。