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

2018年 8月 1日编程笔记清风

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

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

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

作者：清风

链接：https://notes.tslmeta.com/notes/404

文章版权归作者所有，未经允许请勿转载。