如何让easyui gridview 宽度自适应窗口改变

最新推荐文章于 2022-04-20 15:38:18 发布

转载最新推荐文章于 2022-04-20 15:38:18 发布 · 156 阅读

CC 4.0 BY-SA版权

文章标签：

本文介绍如何在使用EasyuiGridView时，使其宽度与窗口宽度保持一致，并在窗口大小调整后自动调整。通过设置`fitColumns:true`及为窗口添加`resize`事件，实现了网格视图宽度的动态调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用Easyui GridView时，如果要Gridview的宽度和窗口的宽度相同，只需要设置fitColumns: true即可

这样实现以后，如果窗口的大小调整后，gridview的宽度是不会改变的，这时就需要我们自己来我完成了。为window添加一个resize事件，在事件回调方法中让gridview改变宽度即可：

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

转载于:https://www.cnblogs.com/youring2/archive/2012/08/10/2632188.html