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

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

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

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

版权声明:
作者:清风
链接:https://www.newadmin.cn/archives/404
来源:NA博客
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
海报
解决使用EasyUI框架时DataGrid无法根据浏览器大小自适应
在使用EasyUI做布局的时候,datagrid无法根据浏览器窗体大小自适应,对于这个问题我们可以使用JS代码,在浏览器窗口大小发生变化后,可以让datagrid自适应窗体……
<<上一篇
下一篇>>