easyui hideColumn和showColumn后列长度越来越小

$(function(){
    $("#${pageName}Datagrid").datagrid({
nowrap: false,
striped: true,
pagination: true,
rownumbers: true,
fitColumns: true,
singleSelect: true,
url: "ceshi.do",
columns:[[
{field:"aaaa",title:"啊啊",align:"center",width:40},
{field:"ceshi",title:"测试",align:"center",width:40},
]]
idField: "id",
pageSize: 30,
    });
});
先隐藏在显示后就不等宽的了，大神怎么搞

--------------------------------------------------------------------------------------------------

了解后，使用了一种办法，不是完美，只能是解决问题
function fixWidth(percent)  
{  
    return document.body.clientWidth * percent ; //采用百分比支持原理，防止hideColumn和showColumn后列长度越来越小
}
将固定的数值修改
{field:"ceshi",title:"测试",align:"center",width: fixWidth(0.1)},
这样解决了隐藏和显示后不等宽问题，相对应的他也只会按照百分比进行平铺，根据你的列名多少适当调整，列名变少后就不会平均铺满了，可以自己试一试

----------------------------------------------------------------------------------------------------

解决方案如下：
var col = $("#dg").datagrid('getColumnOption',field);//获取你刚showColumn
col.width =300px ;//宽度根据需要可以是值也可以是百分比
$("#dg").datagrid();//渲染一下[/b]

 

原文链接：https://bbs.youkuaiyun.com/topics/392208191?page=1