easyUI刷新界面时列自动变宽直到超过屏幕

最新推荐文章于 2021-08-27 15:16:50 发布

king_moyu

最新推荐文章于 2021-08-27 15:16:50 发布

阅读量1.3k

点赞数 1

分类专栏： java

本文链接：https://blog.csdn.net/king_moyu/article/details/73477450

版权

当easyUI表格的列宽设置为像素且总和未超过父级元素宽度时，频繁刷新会导致列自动变宽。为解决此问题，可以改用百分比设置列宽，避免像素设置。示例代码可供参考。

摘要由CSDN通过智能技术生成

原因：

通常easyui列宽设置为像素，如果所有列加起来的宽度和没有超过父级dom节点的宽度，不断的调用$('#dg').datagrid，列宽就会自动变化。

解决方法：将列宽按百分比设置宽度,取消像素设置方法。

代码片段如下：

function fixWidth(percent)  
        {  
            return document.body.clientWidth * percent ; //这里你可以自己做调整  
        }

$('#dg').datagrid({
                url:"",
                fitColumns: true,
                fit:true,
                width:'auto',
                idField: 'id',
                singleSelect: true,
                rownumbers: false,
                queryParams: queryData,
                loadFilter:function(data){
                   
                },
                 columns:[[
                    {field:'id', width:fixWidth(0.1), title:'机器人名称', align:'center',hidden