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

原因：

通常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:true},
...............

<div id="dgdiv" style="height:94%;width:100%;background:#FFF;fit:true;">
<table id="dg" style="width:100%;fit:true"></table>
</div>