解决使用EasyUI框架时DataGrid无法根据浏览器大小自适应

在使用EasyUI做布局的时候,datagrid无法根据浏览器窗体大小自适应,对于这个问题我们可以使用JS代码,在浏览器窗口大小发生变化后,可以让datagrid自适应窗体,具体代码如下:

$(function(){
  //初始加载,表格宽度自适应
    $(document).ready(function(){
        fitCoulms();
    });
  //浏览器窗口大小变化后,表格宽度自适应
    $(window).resize(function(){
        fitCoulms();
    });
})

//表格宽度自适应,这里的#dg是datagrid表格生成的div标签
function fitCoulms(){
    $('#dg').datagrid({
        fitColumns:true
    });
}
THE END