如何让EasyUI DataGrid 宽度自适应窗口改变

在使用EasyUi的 dataGrid时候,如果要Gridview的宽度和窗口或者框架页面的宽度相同,只需要设置

fitColumns:true

即可;

这样实现以后,假设你在第一次打开页面的时候是缩小后的窗口,那随后再对窗口的大小进行调整的时候,gridview的宽度是不会变的。

原因:因为gridview的宽度是由第一次加载时候确定的,随后的窗口大小操作不会改变它的宽度值。

解决办法:为当前的window添加一个resize事件,这样在修改窗口大小触发此事件中让gridview改变当前的宽度即可。

代码如下:

//在调整了窗口大小以后,设置easyui gridview也调整宽度
$(window).resize(function () {
$('#gvManage').datagrid('resize');
}); 
原文地址:https://www.cnblogs.com/yangsoon/p/2823425.html