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

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

fitColumns：true

即可；

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

 

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

 

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

代码如下：

 

//在调整了窗口大小以后，设置easyui gridview也调整宽度
$(window).resize(function () {
$('#gvManage').datagrid('resize');
});