关于EasyUI datagrid 无法在dialog中显示的问题分析及解决方案！

   最近项目中引用了easyUI，很大程度上的简化了开发过程，但是随之而来的也遇到一些问题，比如：标题中遇到的问题，去网上搜罗了下关于这个问题的解决方案，不是说的很复杂就是干脆文不对题，国外的使用这种稍微过时的UI框架就更少了，于是没办法就自己研究了，没有优化之前的图片大家参考下，数据都有就是无法显示，里面的内容全部不见了;网上很多人的解决方案是：新开一个页面并且使用iframe链接过来，但是我的项目需要在内容中还需要弹窗，因为使用iframe显示后，如果再弹窗就会被父窗口遮挡，这很显然无法满足我的需求；从右图可以看出所有数据表格都是存在的，也没有被隐藏，那到底是怎么回事呢？

 

      后来测试了很多，发现datagrid只要放在div中就会出现这种问题，而我们刚好要使用的dialog需要使用div，查阅了很多资料后发现，放在div中的datagrid会引起样式无法自适应，因此，这样话，我们就需要在datagrid的最后添加$("#控件Id名").datagrid("resize");即可，这句话是重新让表格自适应，测试一下，果然可以了，所以好东西拿上来给大家分享一下，技术的难点希望大家可以多多分享，而不是固步自封，让更多的开发者更好更快的开发。如下图：

 

转载于:https://www.cnblogs.com/BarryJames/p/9565447.html